Powerpoint Templates Page 1 Язык разметки гипертекста HTML. - презентация

1 Powerpoint Templates Page 1 Язык разметки гипертекста HTML

2 Powerpoint Templates Page 2 HTML (от англ. HyperText Markup Language «язык разметки гипертекста ») стандартный язык разметки документов во всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется, браузерами и отображается в виде документа в удобной для человека форме.

3 Powerpoint Templates Page 3 Структура HTML-документа HTML-документ состоит из двух частей: собственно текста, т. е. данных, составляющих содержимое документа, и тегов специальных конструкций языка HTML, используемых для разметки документа и управляющих его отображением.

4 Powerpoint Templates Page 4 Теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ. Графическая и звуковая информация, включаемая в HTML-документ, хранится в отдельных файлах.

5 Powerpoint Templates Page 5 Для файлов, содержащих HTML - документы приняты расширения.htm или.html.

6 Powerpoint Templates Page 6 Парные теги В большинстве случаев теги используются парами. Пара состоит из открывающего и закрывающего тегов. Действие любого парного тега начинается с того места, где встретился открывающий тег, и заканчивается при встрече соответствующего закрывающего тега.

7 Powerpoint Templates Page 7

8 Powerpoint Templates Page 8

9 Powerpoint Templates Page 9 Парный тег... Чаще всего в заголовок документа включают парный тег..., определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

10 Powerpoint Templates Page 10 Тело документа является обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между тегами и.

11 Powerpoint Templates Page 11 Разделение текста на абзацы Текст в HTML разделяется на абзацы при помощи тега. Он размещается в начале каждого абзаца, и программа просмотра, встречая его, отделяет абзацы друг от друга пустой строкой. Использование закрывающего тега необязательно.

12 Powerpoint Templates Page 12 Перенос текста на новую строку Если требуется «разорвать» текст, перенеся его остаток на новую строку, при этом, не выделяя нового абзаца, используется тег разрыва строки. Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег не добавляет пустую строку. У этого тега нет парного закрывающего тега.

13 Powerpoint Templates Page 13 Уровни заголовков Язык HTML позволяет задать шесть уровней заголовков: h1 (заголовок первого уровня), h2, h3, h4, h5 и h6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня. Пример использования тегов заголовков: l. Название главы l.l. Название раздела

14 Powerpoint Templates Page 14 Форматирование текста Теги физического форматирования непосредственно задают вид текста на экране браузера, например пара выделяет текст полужирным начертанием, задает подчеркивание текста, управляет шрифтом текста.

15 Powerpoint Templates Page 15 Размещение рисунка, фотографии Тег вставляет изображение в документ, как если бы оно было просто одним большим символом. Пример применения тега:

16 Powerpoint Templates Page 16 создание гипертекстовой ссылки Для создания гипертекстовой ссылки используется пара тегов.... Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web- страницы. Гипертекстовая ссылка формируется с помощью выражения: ссылка на документ Href здесь является обязательным атрибутом, значение которого и есть URL-адрес запрашиваемого ресурса. Кавычки в задании значения атрибута href не обязательны. Если задается ссылка на документ на другом сервере, то вид гиперссылки такой: Фотография 11- А

17 Powerpoint Templates Page 17 С помощью различных тегов можно рисовать таблицы, форматировать текст, вставлять в документ изображения, видео-, звуковые файлы и прочее.

18 Powerpoint Templates Page 18 Создание web-страницы Выполните действия 1,2,3,4

19 Powerpoint Templates Page 19 WEB-страничка готова! Удалить

20 Powerpoint Templates Page 20 Структура и управление меню Вид Просмотр HTML-кода Обновление web-страницы

21 Powerpoint Templates Page 21 Задание: Открываем документ Название Web-страницы Меня зовут ____. Мне __ лет. Это моя первая Web-страница. Тут я могу писать любой текст. Я размещу эту страницу в Интернете.

22 Powerpoint Templates Page 22 Цвета и атрибуты Изменим цвет фона нашей странички. Для этого в тег добавим атрибут bgcolor: Цвет текста:

23 Powerpoint Templates Page 23 Для того, чтобы шрифт имел другой цвет нужно указать теги вики- разметки (после символа # указываем код цвета согласно рисунку): А здесь пишем текст таблица кодировки цвета HTML

24 Powerpoint Templates Page 24 Мой второй шаг Это обычный шрифт Это измененный шрифт Это снова обычный шрифт Изменение шрифта

25 Powerpoint Templates Page 25 Электронные ресурсы giperteksta/