Язык HTML — это основа Web сайтов, с его помощью создается каркас страницы, который вы видите в браузере. Если сравнивать страницу сайта и обычную бумажную книгу, то на сайте, как и в книге, есть абзацы и заголовки, изображения, таблицы.
Содержимое на HTML странице оформляется с помощью тегов.
HTML теги — это специальные команды для браузера, некие элементы обвертки, задающие формат и свойства элементов веб-страницы.
Теги строятся по такому принципу: < потом имя тега >. Имя тега может состоять из английских букв и цифр. Примеры тегов:
<h1>
<p>
<b>
Теги обычно пишутся парами — открывающий тег и соответствующий ему закрывающий. Разница между открывающим и закрывающим тегами в том, что в закрывающем теге после уголка < стоит слеш /.
К примеру,
— так открыл тег, а так —
— закрыл. Все, что попадает между открывающим и закрывающим тегами, подпадает под воздействие тега.
<h1> </h1>
<p> </p>
<b> </b>
Бывают теги, которые не нужно закрывать, например,
или .
Атрибуты
В тегах также могут размещаться атрибуты — специальные команды, которые расширяют действие тега. Атрибуты размещаются внутри открывающего тега в таком формате:
<тег атрибут1=»значение» атрибут2=»значение»>
Основная структура страницы HTML
Страница сайта — это обычный текстовый файл с расширением .HTML. Внутри этого файла и хранится текст HTML страницы вместе с тегами. Этот файл обязательно должен иметь следующие теги:
• тег, который должен содержать в себе текст всего сайта (все, что написано вне этого тега, браузером будет проигнорировано), а внутри него должны быть еще два тега:• тегдля служебного содержимого страницы,
• тег- для основного текста, который и виден на экране браузера.
Перед тегомобычно пишется конструкция doctype, которая указывает версию языка HTML, на которой сделан сайт. Актуальная сейчас версия языка имеет номер пять и доктайп для нее должен выглядеть так — .
В служебное содержимое, которое располагается внутри тега, входит много различных вещей, но пока нам нужны только две из них. Это тег
<!DOCTYPE HTML>
<HTML>
<head>
<meta charset=»utf-8″>
<title>Это заголовок тайтл</title>
</head>
<body>
Это основное содержимое страницы.
</body>
</HTML>
Задания для закрепления:
- Создайте файл с расширением .HTML. Напишите в него основную структуру страницы. Сохраните ваш файл. Затем откройте его в браузере.