Веб-компас сайтостроителей
/ Все статьи / HTML / Основы HTML / HTML для самых маленьких

HTML для самых маленьких

Весь код 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">
Еще статьи из данной категории
Комментарии к публикации
Всего комментариев: 4
прохожий: gps | 28.07.2009, 04:54 #
Спасибо за статью очень позновательная.....
прохожий: gala | 15.10.2010, 19:15 #
почему тег <br> валидатор не признает, закрывать заставляет?
Автор статьи: admin | 17.10.2010, 19:33 #
Нужно использовать запись <br />
http://www.linedmk.com/page24.html
прохожий: Евстропов | 17.07.2012, 19:55 #
Хоть современные браузеры и обрабатывают, "голый" html код, все равно стараюсь, придерживаться основных тегов...
Добавить комментарий
Новости сайта
Последние публикации в каталоге статей