Когда то один мой знакомый, узнав о том, что я увлекся сайтостроением, посоветовал не тратить время на HTML, а сразу приступать к изучению CMS. Я его тогда конечно не послушал, и склепал свой первый статичный сайт, страниц на десять. Сайт получился немного корявый. Сейчас я стараюсь его никому не показывать, но мне, ни капли не жаль потраченного времени.
Современные технологии позволяют создать сайт, не зная ни одного тэга. Но для того чтобы понимать с чем имеешь дело не мешало бы выучить хотя бы основные тэги и правила HTML.
Итак, что же такое HTML.
HTML (Hyper Text Markup Language) — язык гипертекстовой разметки, служащий для описания содержимого web-страниц.
Браузер (программа интерпретатор HTML) превращает код в привычные для нас web-странички.
Теги — ключевые слова HTML, которые идентифицируют структуру текста внутри HTML-файла. Структура текста — это описание того к какому типу элемента принадлежит текст: абзац, заголовок, название изображения и так далее.
Но как говорится лучше один раз увидеть, чем сто раз услышать. Скопируйте этот код в буфер обмена.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="windows-1251" />
<title>Мой первый сайт</title>
</head>
<body>
<h1>Привет мир!</h1>
<p>Это мой первый сайт</p>
<hr/>
</body>
</html>
Создайте текстовый файл (сгодится стандартный блокнот, но лучше использовать Notepad++), вставьте в него скопированный код. Сохраните документ. Только сохранить надо не как txt, а как html. Для этого жмём: файл / сохранить как или комбинацию Ctrl+Alt+S. Называем index (так принято называть главную страницу сайта) и выбираем расширение html.
Открываем созданный файл в браузере.
Я Вас поздравляю! Вы только что создали свой первый сайт!!!
HTML форматируется специальными тэгами.
Тэги могут быть парными (открывающий <body> и закрывающий </body>, или <h1> и </h1>) и непарными (не требующими закрывающего тэга, например <hr/> или <br/>)
Любая веб-страница должна содержать как минимум два тэга:<head></head> и <body></body>.
<head></head> — это «голова» сайта. В тэгах <head></head> заключается информация сайте — кодировка, название, описание, ключевые слова и другое. Содержимое <head></head> не отображается на странице.
Всё что находится между <body> и </body> — это «тело» сайта, именно его мы видим у себя на экране.
Давайте рассмотрим наш код. Он состоит всего из двенадцати строчек.
Первая строка <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">«» означает, что наш документ написан на языке HTML, в соответствии стандарту HTML 4.01 Transitional.
Дальше открывается тег <html> — его содержимое это HTML документ.
Дальше открывается <head>. В нём содержится ещё два тэга — не парный <meta/> (информация о сайте) и парный <title></title> (название страницы (у каждой страницы сайта должно быть своё, собственное название)).
</head> закрывается.
Открывается тег <body>.
<h1></h1> — заголовок первого уровня (их всего шесть h1, h2, h3, h4, h5 и h6, первый уровень имеет самый большой вес).
<p></p> — абзац.
<hr/> — горизонтальная линия.
Тег <body> закрывается.
Закрывается <html>.
Вот собственно всё. В следующих постах продолжим рассматривать тэги и их свойства на примере нашего, свеже-созданного сайта.