Весь код HTML документа должен быть заключен между тегом
<html> и закрывающим его тегом
</html>, за исключением тега
<!DOCTYPE> указывающим версию HTML, на котором написана данная веб-страничка. Существует много версий указываемых в
<!DOCTYPE>, но у меня не возникало проблем со следующей версией HTML
Код
<!DOCTYPE HTML PUBLIC "-//W3C// DTD HTML 4.0 Transitional//EN">
Элемент
<html> включает в себя два основных блока – «заголовок» и «тело» документа. Заголовок располагается между тегом
<head> и закрывающим его тегом
</head>. В заголовке указывается различная служебная информация. «Телом» документа является содержимое, расположенное между тегами
<body> и
</body>. Это содержимое и отображается браузером.
В заголовке документа помимо всего прочего может быть элемент
<title>, содержимое которого отображается в заголовке окна браузера. Таким образом, получим структуру HTML документа следующую
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Заголовок веб-странички</title>
</head>
<body>
Содержимое веб-странички
</body>
</html>
Для правильного отображения подобной странички, еще нужно поместить данный текст в файл с расширением "html". То есть создаем новый пустой текстовой документ, например «Блокнотом» Windows, копируем выше приведенный код, сохраняем, и меняем расширение файла с "txt" на "html". После попытки открыть этот файл, запуститься браузер (по умолчанию Internet Explorer в системе Windows), который и отобразит нашу веб-страничку.
Для форматирования содержимого веб-страинчки используются другие теги. Начнем с самых простых.
Тег
<br> - переводит курсор на новую строку. Этот тег аналогичен нажатию кнопки «Enter» в каком-либо текстовом редакторе. Дело в том, что браузер игнорирует все переводы строк, полученные путем нажатия кнопки «Enter», то есть при наборе текста в текстовом редакторе, сколько раз Вы не переводили строку подобным образом, в окне браузера они не отобразятся. Поэтому нужно будет использовать тег
<br>.
Для отображения текста, так, как он набран в текстовом редакторе (то есть с разбиением на строки), можно использовать тег
<pre>(
</pre>). Но использовать этот тег не рекомендуется.
К слову сказать, большинство тегов оформления текста и других элементов страницы уже не рекомендуется использовать, так как другими способами (например, каскадными таблицами стилей) можно проще и удобнее оформить веб-страничку. Но знать все, же эти теги надо, так как их еще можно использовать и используют.
Оформление абзацев
Тег
<p> с закрывающим тегом
</p> оформляет заключенный текст как абзац в соответствии с зарубежными правилами книгопечатания - между абзацами пропускается строка, а абзац начинается без отступа («красной строки»). Атрибут align управляет выравниванием содержимого абзаца (аналогично кнопочкам выравнивания текста абзацев в Microsoft Word). Он может принимать следующие значения:
left – выравнивает содержимое по левому краю (по умолчанию используется именно это значение, то есть при записи
<p>...Содержимое абзаца ...
</p>);
center - выравнивает содержимое по центру страницы;
right – выравнивает содержимое по правому краю страницы;
justify – выравнивает содержимое абзаца по обоим краям страницы.
Например,
Код
<p align="center">
Содержимое абзаца
</p>
Оформление заголовков
Теги
<h1>,
<h2>,
<h3>, ... ,
<h6> с закрывающими их тегами оформляют содержимое как заголовок. Заголовок с самым крупным шрифтом даст тег
<h1>, соответственно с самым маленьким шрифтом – тег
<h6>.
Горизонтальная линия
Для отображения на Веб-странице горизонтальной линии можно использовать тег
<hr>. Он рисует горизонтальную линию на всю ширину страницы. Для задания определенной ширины используется атрибут
width, значением которого может быть либо величина длины в процентах (
%) от полной ширины экранной страницы, либо величина может быть в пикселях. Например
<hr width="75%"> - горизонтальная линия займет 75% от полной ширины экранной страницы;
<hr width="75"> - горизонтальная линия будет 75 пикселей.
Атрибут
size в теге
<hr> задает толщину линии. Например,
<hr width="75%" size="3">
http://www.linedmk.com/page24.html