• Авторизация
Дневник Neva7 Лента друзей - Дневник - Полная версия


Структура HTML-кода 17-04-2011 19:45 к комментариям - к полной версии - понравилось!

Это цитата сообщения Владимир_Шильников Оригинальное сообщение

Структура HTML кода

[665x221]


Что такое тег?


Тег – это элемент html кода, то есть по сути весь html складывается из тегов.


Структура тегов, какие они бывают?


Теги бывают парные и непарные. Парные – это те, которые закрываются. Например, теги <p></p>, <html></html> и так далее. А непарные – это те, которые не закрываются, они одиночные. Например, <br>, <hr> и так далее.


Структура HTML


Вот то, что я хотел сказать перед изучением html-структуры. Теперь о ней… Структура HTML выглядит следующим образом.


<!DOCTYPE>

<html>

<head>

<meta />

<title>Название</title>

</head>

<body>

</body>

</html>

Давайте разберем каждую строчку.



  1. DOCTYPE (доктайп). В нём прописывается версия html кода, который будет использоваться на сайте.

  2. Тег <html>. Он должен стоять сразу после доктайпа и в самом конце. Данный тег заключает в себя все содержимое веб-страницы.

  3. Тег <head>. Так называемая «голова» документа. Внутри него прописываются служебные команды, такие как название веб-странички, мета-теги, кодировка и тд.

  4. Мета-тег. В таких тегах можно указывать кодировку, описании странички, ключевые слова и ещё много чего. Кстати, этот тег непарный.

  5. Title – название веб-странички. Скажу вам, очень важный тег с точки зрения SEO.

  6. Закрывающийся тег </head>.

  7. Тег <body>. Если тег <head> – «голова» документа, то это его «тело». В нём находится всё, что видит пользователь, зашедший на сайт.

  8. Закрывающийся тег </body>.

  9. Закрывающийся тег </html>.


Как видите, все очень просто. [показать]


Домашнее задание


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


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head profile="http://gmpg.org/xfn/11">

<head>

<title>Название</title>

<meta name="description" content="Описание" />

<meta name="keywords" content="Ключевые слова" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" href="Адрес таблицы стилей" type="text/css" media="screen" />

</head>

<body>

Содержимое...

</body>

</html>
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Структура HTML-кода | Neva7 - Дневник Neva7 | Лента друзей Neva7 / Полная версия Добавить в друзья Страницы: раньше»