Иметь элементарное знание о кодах HTML нужно хотя бы для того, чтобы знать о причинах сбоев в системе, с ними связанных. К примеру, неверно заданный АТРИБУТ ТЕГА приведёт к ошибке при ВАЛИДАЦИИ ДОКУМЕНТА. Да и справочную литературу понимать надо, слов непонятных много в ней.
Опять же, к HTML они имеют прямое отношение.
Итак, сначала элементарное. Осваиваем простейшее для понимания структуры HTML.
Новичку:HTML-документ, HTML-файл, тег, HTML-тег, парные теги, атрибут тега, переменная, тело, элемент, содержимое элемента, и др. по ходу прояснения мысли :-), например, правила применения тегов.
HTML расшифровывается как гипертекстовый ЯЗЫК РАЗМЕТКИ.
HTML-файл -это текстовый файл, содержащий ТЕГИ(знаки) разметки.
ТЕГИ РАЗМЕТКИ указывают ВЕБ-БРАУЗЕРУ то, как надо отображать страницу.
HTML-файл может иметь расширение html или htm
HTML-файл может содержать ТЕКСТ, HTML-ТЕГИ и СКРИПТЫ(сценарии)
HTML-файл может быть создан в обычном текстовом редакторе(Блокнот)-знаем! создали!(но не всё поняли 🙂
Ещё раз: ТЕГИ-это знаки разметки. Примеры тегов- <head>, <title>, <body>, </head>, </title>, </body>
Тег <img> добавляет на страницу рисунок.
ПАРНЫЕ ТЕГИ. Это теги, сообщающие браузеру начало и конец текста(тела, переменной, элемента, содержимого элемента)
<head> и </head>, <title> и </title>, <body> и </body> — это ПАРНЫЕ ТЕГИ.
Текст между тегами <head> и </head> даёт информацию о заголовке. Она не отображается в окне браузера.
Текст между тегами <title> и </title> сообщает заголовок страницы, отображается в заголовке браузера.
Текст между <body> и </body> отображается в окне браузера(тело).
АТРИБУТ. Осваиваем АТРИБУТЫ на примерах.
-В БРАУЗЕРЕ вывели ТЕКСТ «Привет, Мир!». Этот текст нужно, например, показать в красном цвете. И так, чтобы он был жирный.
В данном случае текст -ПЕРЕМЕННАЯ, а цвет и толщина его-АТРИБУТЫ.
-Ещё пояснение. В примере упоминается тег <img>, он добавляет на веб-страницу рисунок, его АТРИБУТОМ будет width, задаёт ширину изображения в пикселях, и атрибут, сообщающий высоту.
-Далее, к пониманию АТРИБУТА, ЭЛЕМЕНТА, СОДЕРЖИМОГО ЭЛЕМЕНТА:
-ЭЛЕМЕНТ(HTML элемент) — это всё, что между начальным и конечным тегами, включая сами теги.
Между начальным и конечным тегами СОДЕРЖИМОЕ ЭЛЕМЕНТА(element content).
Пример ЭЛЕМЕНТА:
«<p>Привет, <b>Мир </b></p>».
Содержимое элемента <p> включает слово «Привет», и ЭЛЕМЕНТ <b>
И некоторые нужные дополнительные сведения по теме АТРИБУТ:
-Атрибуты должны разделяться только пробельными символами.
-АТРИБУТ может быть без значений
-Каждый АТРИБУТ тега относится к определённому типу, например, текст, число, путь к файлу, и др.
-Нарушение соответствия типу АТРИБУТА ведёт к сбою системы-ОШИБКА ВАЛИДАЦИИ ДОКУМЕНТА
Продолжение будет.
ВНИМАНИЕ! Для закрепления данного материала можно пройти по ссылке: http://htmlbook.ru/practical
С уважением — Лариса Чернявская