Основные понятия HTML

HTML — основные понятияHTML — это язык разметки веб-документов. Все материалы, расположенные на веб-страницах,которые Вы просматриваете в сети Internet,написаны на языке HTML. Ваш браузер интерпретирует (согласно своему алгоритму) HTML-язык в то, что Вы и видите в итоге на мониторе.

Изучая основные понятия HTML, для написания кода лучше пользоваться простыми текстовыми редакторами — типа AkelPad, Bred, Notepad2 и т.д.(Windows-блокнотом лучше не пользоваться, он некорректно работает с UTF-8). Эти редакторы не вносят своего форматирования в текст — значит правильность HTML-кода будет зависить только от Вас, и ошибки тоже будут только Ваши — а так легче приобретать опыт, ведь на своих ошибках человек учится быстрее, чем по учебнику.

Не буду оригинален и построю обучение на фоне изготовления несложной веб-страницы, и используя для примера различные элементы HTML. Но сначала об основных понятиях.

Основные понятия HTML определяются тремя составляющими : ТЕГ, Атрибут и Элемент.

Тег — основная единица HTML. Вот примеры некоторых тегов: <p>, <a> <table> <li>. Чаще используются два тега — открывающий  «<...>» и закрывающий «<.../>», как Вы заметили — закрывающий тег отличается от первого только наличием знака слэш «/». Всё содержимое тега можно вводить в любом регистре, но обычно используют нижний.
Посмотрим пример:
<p>Пример простого абзаца</p>
<h2>Заголовок второго уровня</h2>
А вот так это будет выглядеть в браузере:
пример_1

Все элементы прижаты к левому краю — значение «по умолчанию».

Атрибут — это текстовая информация о дополнительном форматировании содержимого тега. Например:

<p align="center"> Пример простого абзаца</p>
<h2 align="right">Заголовок второго уровня</h2>

А вот это так будет выглядеть в браузере:
пример_2

Элемент абзац расположен по центру, а заголовок h2 прижат к правому краю.

Элемент
Понятие Элемент ввели для более удобного использования языка HTML. Оно включает в себя как бы сумму двух тегов (открывающего и закрывающего) и всё содержимое между ними.
Например: <p>Содержимое абзаца<p/> — вся эта конструкция и является элементом.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha