Первый HTML

реклама
Первый HTML-документ
Основой каждой web-странички является HTML (Hyper Text Markup
Language) — язык разметки гипертекста. Документ, написанный на языке
HTML, представляет собой текст, в который вставлены теги разметки
гипертекста. Теги описывают структуру текста: как он должен выглядеть на
экране компьютера. Кроме того, теги осуществляют связь с другими HTMLдокументами.
Для создания и редактирования web-страниц можно воспользоваться
обычными текстовыми редакторами, а также специализированными webредакторами. В специализированных редакторах команды (теги языка
HTML) вставляются автоматически, но чтобы понимать, как строится webстраница, язык HTML нужно знать обязательно.
Посмотрим на простейшую HTML-страничку:
<html>
<head>
<meta http-equiv="Content-Tupe" content="text/html;
charset=windows-1251">
<meta name="author" content="VVT">
<meta name="data" content="06.06.2005">
<title>Первое упражнение</title>
</head>
<body>
<h1>Проба пера</h1>
<hr>
<p>
Это наш первый HTML-документ
</p>
</body>
</html>
Это очень похоже на программу на алгоритмическом языке. Точно
также состоит из заголовка и тела программы.
Команда HTML-языка (теги) заключаются в угловые скобки <> и
записываются английскими буквам. Теги, как правило, парные. Первый тег
открывает написание команды, второй, отличающийся от первого наличием
перед именем тега косой черты (слэша), закрывает его.
Теги <html> и </html> открывают и закрывают HTML-программу, они
говорят о том, что перед нами — HTML-программа. Таким образом, общий
вид программы таков:
<html>
головная часть программы
тело программы
</html>
Головная часть программы (<head> и </head>) описывает общие
правила отображения HTML-документа, а также некоторую дополнительную
информацию о документе.
<meta http-equiv="Content-Tupe" content="text/html;
charset=winows-1251"> задает браузеру информацию о кодировке, в
которой написан документ. В данном случае стандартная кодировка
Windows.
Теги
<title>…</title> —
заголовок
html-документа,
который
показывается в заголовке окна браузера.
Наша простая программа содержит в себе некоторые команды языка
HTML:
<h1>…</h1> — заголовок текста;
<hr> — горизонтальная линия;
<p>…</p> — абзац.
Таким образом, любой html-документ в общем виде выглядит
следующим образом:
<html>
<head>
</head>
<body>
</body>
</html>
заголовок
тело
В создаваемом нами документе может быть несколько глав, которые, в
свою очередь, разбиты на более мелкие части. Для каждой такой части нужно
создавать отдельный заголовок своего уровня: <hn>…</hn> — заголовки
разного уровня, n — номер уровня.
Горизонтальная линия используется для дополнительного выделения
элементов документов на экране.
Абзац — так же как и в текстовом документе, это отдельная большая
структурная единица. При создании он оформляется браузером следующим
образом:
— перед абзацем выводится пустая строка;
— абзац выравнивается по левому краю;
— между словами помещается ровно один пробел;
— перенос текста происходит, когда это слово не помещается на
экранную строку в окне браузера.
Если внутри абзаца по каким-либо причинам необходимо текст
записать с новой строки, то используют команду <br> — принудительный
переход на новую строку.
Скачать