Суббота, 17.11.2018, 02:18
Приветствую Вас Гость | RSS
Меню сайта
На сайте
Календарь
«  Ноябрь 2018  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
2627282930
Поиск по сайту
Новости
Флеш-игра
Статистика


Rambler's Top100
Онлайн всего: 1
Гостей: 1
Пользователей: 0


Гость
Прямая связь
  САЙТ УЧИТЕЛЯ ИНФОРМАТИКИ

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

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

Тегте́ги (иногда тэгангл.). В SGML (HTMLWMLAmigaGuide, языках семейства 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-страниц требует внимания и аккуратности.