2
html-теги
Веб-браузер считывает HTML-документ сверху вниз , слева направо .
Каждый раз , когда браузер находит тег он отображает его соответствующем(заданным для этого тега) образом на своей странице .
Путем добавления тега в html вы не только кодируете документ но и сообщаете обозревателю "смотри это абзац (текст, картинка, ссылка и др) относись и воспринимай его как таковой .
Помните , что html-элементы состоят из трех основных частей : 1-открывающий тег<>, 2-содержание, 3-закрывающий тег</> .
Как вы узнаете далее существует бесконечное множество комбинаций тегов html
Теги всегда должны быть прописаны в нижнем регистре , так как не все браузеры адекватно воспринимают документы написанные в другом регистре .
Также тег бывает парным (открывающий тег и закрывающий) и непарным .
Парные теги ко всему прочему еще и являются своеобразными контейнерами т.е. могут содержать в в себе другие теги , как парные так и не парные .
html - элементы без закрывающих тегов
Есть несколько тегов которые не требуют закрытия , но несмотря на это они все так же состоя из трех частей (содержание, открытие и закрытие) , но они объединены в один тег , причина этого в том что такие теги не могут содержат в себе других элементов (не могут являться контейнерами для других тегов)
но иногда могут содержать в себе атрибуты тега , таких как исходный url для изображений .
Вот один простой пример html-тега , который не требует закрывающего тега
</br> - тег разрыва строки
Чтобы сообщить браузеру о том что мы хотим в этом мести произвести разрыв строки и начать новую
не обязательно вводить <br> содержание </br> ведь для этого потребуется дополнительное усилие (время) ,
вот и было придумано объединить открывающий и закрывающий тег (что так же способствует сокращению символов при написании строки).
Другие теги , такие как тег-изображения и тег-input также объединены таким образом .
HTML Код :
| <img src=".../mypic.jpg"/> -- тег изображения <br/> -- разрыв строки <input type="text" size="12"/> -- поле ввода |
Результат в окне браузера :
--Разрыв Строки--
Как вы видите в примере выше используется тег изображения <img> с атрибутом src (<img src ...)
с помощью этого тега и атрибута src мы сообщаем браузеру ссылку где находится данное изображение (где следует его искать) .
