Первый урок по 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.

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

данные Вашей Web-страницы.
4. Сохранить документ с расширением *.html.
5. Открыть страницу браузера.

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

Слайд 14

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



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


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

Ваня. Мне 14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.


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

Слайд 15

Задание: Создать Веб-страницу по образцу: Название Web-страницы Приветствую тебя, посетитель моего

Задание:

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


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


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

зовут Ваня. Мне 14 лет. Это моя первая Web-страница.
Я размещу эту страницу в Интернете.


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

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

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

добавим атрибут bgcolor:

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

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