Язык разметки гипертекста HTML

Содержание

Слайд 2

Hyper Text Markup Language – язык гипертекстовой разметки.
HTML - специальные инструкции браузеру,

Hyper Text Markup Language – язык гипертекстовой разметки. HTML - специальные инструкции
с помощью которых создаются веб-сайты.

HTML

Слайд 3

Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы

Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы
с возможностями выполнения переходов.

Гипертекст

Слайд 4

Описательный язык разметки HTML имеет свои команды, которые называются тегами.
Тег

Описательный язык разметки HTML имеет свои команды, которые называются тегами. Тег -
- элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>.

Одинарные

Двойные

ТЕГ

Пример:  
….
 

Пример:

Тег

Слайд 5

Двойные теги бывают:
Пример:   ….  
!Теги не чувствительны к регистру!

Двойные теги бывают: Пример: …. !Теги не чувствительны к регистру! = открывающиеся закрывающиеся
=

открывающиеся

закрывающиеся

Слайд 6

Они передают программе просмотра страницы основную информацию для идентификации и организации

Они передают программе просмотра страницы основную информацию для идентификации и организации документа.
документа.

Три самых важных управляющих кода


….







Слайд 7

Эти тэги помещаются соответственно в начале и конце всего документа, чтобы обозначить

Эти тэги помещаются соответственно в начале и конце всего документа, чтобы обозначить
текст как действительный документ на языке разметки гипертекста. 

….

Слайд 8

Эта пара тэгов указывает на начало и конец заголовка документа.


Эта пара тэгов указывает на начало и конец заголовка документа. …

Слайд 9

Всё, что находится между этими тэгами, читается браузером как название документа. 
Пример:


Всё, что находится между этими тэгами, читается браузером как название документа. Пример: …

Слайд 10

Всё, что находится между этими тэгами отображается на веб-странице. 
Пример:


Всё, что находится между этими тэгами отображается на веб-странице. Пример: …

Слайд 11



<br> Текст заголовка окна<br>

Текст документа, тэги


Общий

Текст заголовка окна Текст документа, тэги Общий вид страницы
вид страницы

Слайд 12

Документ гипертекстовой разметки имеет расширение *.html

Создание документа HTML

Документ гипертекстовой разметки имеет расширение *.html Создание документа HTML

Слайд 13

Создать текстовый документ (блокнот).
2. Записать в него структуру документа HTML.
3. Записать данные

Создать текстовый документ (блокнот). 2. Записать в него структуру документа HTML. 3.
Вашей Web-страницы.
4. Сохранить документ с расширением *.html.
5. Открыть страницу браузера.

Алгоритм написания
документа:

Слайд 14



Название Web-страницы


Приветствую тебя, посетитель моего сайта.
Меня зовут Ваня. Мне

Название Web-страницы Приветствую тебя, посетитель моего сайта. Меня зовут Ваня. Мне 14
14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.


Пример кода
Веб-страницы

Слайд 15

Задание:

Создать Ваб-страницу по образцу:


Название Web-страницы


Приветствую тебя, посетитель моего сайта.
Меня зовут

Задание: Создать Ваб-страницу по образцу: Название Web-страницы Приветствую тебя, посетитель моего сайта.
Ваня. Мне 14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.


Дописать 2-3 предложения в тэг

Слайд 16

Изменим цвет фона странички.
Для этого в тег добавим

Изменим цвет фона странички. Для этого в тег добавим атрибут bgcolor: Самостоятельно
атрибут bgcolor:

Самостоятельно измените цвет, набирая сочетания букв латинского алфавита или используя готовые наборы из Интернета.
Цвет текста:

Цвета и атрибуты

Слайд 17

Выучить конспект;
Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в тетрадь;

Домашнее

Выучить конспект; Выбрать тему для своего Ваб-сайта оп информатике, записать структуру в тетрадь; Домашнее задание
задание
Имя файла: Язык-разметки-гипертекста-HTML.pptx
Количество просмотров: 213
Количество скачиваний: 1