Создание Web-страниц средствами языка HTML
методическая разработка по информатике и икт (11 класс) по теме
Методическая разработка к уроку "Создание Web-страниц средствами языка HTML"
Скачать:
Вложение | Размер |
---|---|
![]() | 300.39 КБ |
Предварительный просмотр:
Подписи к слайдам:
Тег Значение Обязательный тег программы < HEAD > Начало служебной части
Тег Значение < B > Жирный < I > Курсив < U > Подчёркнутый < S > Зачёркнутый Форматирование шрифта < I > Текст I > B>
Пример веб-страницы H1>
Это простейшая web- страничка, созданная в стандартном < I> Блокноте I> и отображенная в браузере < B> Microsoft Internet Explorer .
Пример
Задание 1. Заголовок web -страницы – «Уровни» Содержание web -страницы: заголовок первого уровня заголовок второго уровня заголовок третьего уровня заголовок четвёртого уровня заголовок пятого уровня заголовок шестого уровня
Задание 2. Заголовок web -страницы – «Формат» Содержание web -страницы: Текст жирный Текст курсив Текст подчёркнутый Текст зачёркнутый Текст курсив подчёркнутый
Википедия гласит Интернет (произносится [ интэрнэт ]; англ. Internet ) - всемирная система объединённых компьютерных сетей , построенная на использовании протокола IP и маршрутизации пакетов данных . Интернет образует глобальное информационное пространство , служит физической основой для Всемирной паутины ( WWW , World Wide Web ) и множества других систем (протоколов) передачи данных. Задание 3. Заголовок web -страницы – «Интернет» Содержание web -страницы: Интернет, Интернет, Интернет, Интернет.
Коллекция горизонтальных линий H1> < HR>
Пример
Тег Значение < SUB > Подстрочный индекс < SUP > Надстрочный индекс < TT > Шрифт с фиксированной шириной букв < BIG > Текст с крупным размером букв Форматирование шрифта < SMALL > Текст с малым размером букв
Задание 4. Заголовок web -страницы – «Шрифты» Содержание web -страницы:
Управление пробелами и отступами текста
& nbsp     Этот абзац начинается с красной строки…
Тег Значение & nbsp Неразрывный пробелУправление пробелами и отступами текста Веб-страницы обычно создаются на языках разметки HTML или XHTML и могут содержать гиперссылки для быстрого перехода на другие страницы. Информационно значимое содержимое веб-страницы обычно называется контентом . Тег Значение
Выделение абзаца: отступ слева и справа Информация на веб-странице может быть представлена в различных формах: текст, статические и анимированные графические, изображения, аудио, видео апплеты . Задание 4. Создать web -страницу используя тегУправление пробелами и отступами текста Тег Значение
Учитываются все символы пробелов и табуляцииЭта таблица создана путём табуляции Фамилия Имя Отчество Иванов Иван Иванович Петров Петя ПетровичЭта таблица создана путём табуляции Фамилия Имя Отчество Иванов Иван Иванович Петров Петя Петрович
Задание 5. Набрать данный текст используя табуляцию и просмотреть результат web -страницы.Тег Значение < VAR > Отображение переменных, как правило, курсив Форматирование шрифта < CITE > Отображение цитат, как правило, курсив
Отображение адресаВ языке HTML определены четыре специальных символа , предназначенных для служебных целей. Это символы <, >, & и “. Вы не можете вставлять специальные символы в обычный текст, вместо этого необходимо использовать следующую замену: Символ Замена < & lt > & gt & & amp “ & quot Вставка специальных символов
Символ Замена § § ° ° ± & plusmn ← & larr Вставка специальных символов ↑ & uarr → & rarr ↓ & darr — & mdash
Выравнивание текста абзаца
Абзац выровнен влево
Абзац выровнен по центру
Абзац выровнен вправо
Абзац выровнен по ширине
Пример
Этот текст всегда должен оставаться в одной строке < / NOBR> Тег Значение < CENTER > Выравнивание по центру Выравнивание текста абзаца
Использование таких приложений как < CENTER > FrontPage, < / CENTER > позволит Вам полностью реализовать свой творческий потенциал при создании Web -страниц.
ПримерЭтот тег имеет дополнительные параметры , с помощью которых можно управлять внешним видом шрифта. SIZE — задает размер шрифта. FACE — задаёт шрифт COLOR — задаёт цвет текста Тег Значение < FONT > Определяет параметры шрифта Форматирование шрифта
Номер шрифта Размер шрифта в кеглях 1 8 2 10 3 12 4 14 5 18 6 24 7 36
Шрифты разных размеров TITLE> текст размера 1 FONT > < BR> текст размера 2 FONT > < BR> текст размера 3 FONT> < BR> текст размера 4 FONT > < BR> текст размера 5 FONT > < BR> текст размера 6 FONT > < BR> текст размера 7 FONT > < BR> Пример
Образцы шрифтов Шрифт гельветика
Шрифт курьер
Шрифт таймс
Пример
По теме: методические разработки, презентации и конспекты
![](/sites/default/files/pictures/2012/04/01/picture-73691.jpg)
Проект по информатике "Электронный учебник средствами языка HTML"
Проект "Электронный учебник средствами языка HTML" выполнен на уроках информатики учащимися 11 класса (общеобразовательный профиль) под руководством учителя информатики Соболевой Г.В....
![](/sites/default/files/pictures/2014/12/09/picture-396437-1418148734.jpg)
Методическая разработка открытого урока по дисциплине «Интернет-технологии» Тема: Создание простой Web-страницы на языке HTML.
Актуальность выбранной темы открытого урока заключается в необходимости владения навыками создания web-документов, учитывая, что в настоящее время очень развиты Интернет коммуникации. Необходимо...
Материалы к уроку "Создание сайта. Знакомство с языком HTML"
Представлены материалы к уроку в 9 классе: презентация для знакомства с языком разметки гипертекста, памятка с основными тегами и инструкция для практической работы, а также необходимые графические из...
Создание Web-страниц с помощью HTML (часть 1)
Создание Web-страниц с помощью HTML (часть 1) Использованная литература:1) Алленова Наталья "HTML - Первые шаги". Учебник (руководство) по HTML.2) Е.Н.Новоселова "Создание Web-стра...
Создание Web-страниц с помощью HTML (часть 2)
Создание Web-страниц с помощью HTML (часть 2) Использованная литература:1) Алленова Наталья "HTML - Первые шаги". Учебник (руководство) по HTML.2) Е.Н.Новоселова "Создание Web-стра...
Создание Web-страниц с помощью HTML (часть 3)
Создание Web-страниц с помощью HTML (часть 3) Использованная литература:1) Алленова Наталья "HTML - Первые шаги". Учебник (руководство) по HTML.2) Е.Н.Новоселова "Создание Web-стра...