Практическая работа №1

Что такое тэги? Парные и непарные тэги. Обязательные тэги

Тег, те́ги (иногда тэг, англ.). В SGML (HTML, WML, AmigaGuide, языках семейства XML) — элемент языка разметки гипертекста. Текст, содержащийся между начальным и конечным тегом, отображается и размещается в соответствии со свойствами, указанными в начальном теге.

Источник

1. Перед началом работы мы создадим на нашем компьютере отдельную папку для будущей страницы.

D:\Сайт Иванова\

2. На диске D, создаем папку Сайт Иванова, где вместо фамилии "Иванова" указываем свою.
3. Открываем блокнот – notepad (Пуск –> Программы –> Стандартные –> Блокнот) и скопируем туда следующий текст:

<html> <head> <title>Сайт Иванова</title> </head> <body> Здравствуйте, это моя первая страница. <br> Здорово получилось? ;) </body> </html>

4. Сохраняем созданный документ, дав ему имя index.html (D:\Сайт Иванова\index.html):
- Файл -> Сохранить Как;
- Имя документа: index.html.

5. Открываем файл index.html в браузере (Google Chrome):
- Файл -> Открыть -> кнопка Обзор -> index.html.

Итак, на рабочем столе одновременно два открытых окна:
- в первом созданный Вами файл index.html в блокноте;
- во втором этот же файл index.html в браузере.

Меняя содержимое файла в блокноте и сохраняя произведенные изменения, можно увидеть, как это выглядит в браузере. Главное не забывать нажимать в браузере кнопку "Обновить".

Главное, что нужно запомнить - html не является языком программирования, он служит для разметки текстовых документов (текста, таблиц, картинок). Размер, расположение и порядок объектов на страницах сайта зависит прежде всего от разметки, которую определяют метки (тэги).

Тэг <br>
Начнем с тэга: <br> - перенос текста на другую строку. Этот тег непарный, он не требует закрывающего тэга.
6. Вставьте несколько тэгов <br> в Вашем файле index.html перед текстом «Здорово получилось? ;)».
7. Сохраните.
8. Посмотрите на изменения отображения файла в браузере.

Итак, текст между < и > - это тэг, задающий некоторый параметр разметки текста. Текст, не находящийся между такими скобками - это содержимое сайта (контент), который отображается в браузере. Тэгов много, и они разные.

Обязательные тэги
На картинке изображены обязательные теги -это такие теги, которые прописываются для каждой страницы сайта.

<html> - тег открывающий каждый html-документ. Это парный тег. Он требует закрывающего тега - </html>

<head> </head> - голова документа. Все тэги, расположенные между <head> </head>, это служебная информация. Например <title>- заголовок, который отображается в строке заголовка браузера.

<body> </body> - тело документа. Всё, расположенное между ними - отображение содержания сайта.

<тэг> </тэг> такая структура - это контейнер, который может содержать внутри себя другие тэги (и текст).

Взаимное расположение тэгов - один внутри другого: тэг, который открыли первым - закрывают последним, вторым – предпоследним и т.д.

<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>

Любая другая очередность неверна, поэтому разметка html-страниц требует внимания и аккуратности.