О программировании для гуманитариев.
Часть 3
Что же такое HTML-теги? Возвращаясь к примеру из предыдущей части, перед текстом и после него стоят вот такие теги <p></p> - именно они дают тому-самому, мыслящему единичками и нулями, понять, что это просто текст.
HTML-тегов на самом деле не так уж много (по сравнению с CSS так вообще ерунда). Есть теги для текста и заголовка, ссылки и списка, различных контейнеров для размещения того или иного контента и так далее… Если интересно, можно посмотреть их все вот здесь.
Они все (за крайне редким исключением) состоят из двух частей – открывающий тег (у нас вот этот <p>) и закрывающий тег (</p> - отличается от первого наличием слэша).
И вот мы дошли до обещанной изнанки сайта (напомню, что это сайт, сделан автором этих строк в рамках обучения).
Вот так выглядит кусочек HTML-файла (по тексту легко понять, какой именно кусочек это на сайте).
А вот так это выглядит, если открыть HTML-файл в браузере. Посмотрите еще раз на сам сайт и на картинку ниже. Как говорится, почувствуйте разницу.
Как вы уже догадались, разница в CSS. Но о нем в следующий раз. Сегодня же еще замечу, что даже голый HTML все же, как видите, имеет какую-то стилизацию. Заголовки крупнее и выделены жирным.
Все-таки язык гипертекстовой разметки родился раньше, и уже тогда всем хотелось как-то стилизовать полученный результат. Поэтому у большинства тегов есть свои встроенные настройки стиля, а некоторые теги в принципе предназначены именно для оформления текста.
Например, в уже знакомом нам редакторе исходного кода можно путем добавления тегов <b> </b> ...
....сделать нужный нам кусочек текста жирным.
Кстати, напоследок, пару слов о Lorem ipsum, который использован в редакторе сайта. Это текст-"рыба" часто используемый в печати (с начала XVI век) и веб-дизайне. Предположительно является искажённым отрывком из философского трактата Марка Туллия Цицерона «О пределах добра и зла», написанным в 45 году до н. э. на латинском языке). Используется для более-менее адекватного заполнения шаблона, при этом без отвлечения на смысловое содержание текста. Подробнее можно почитать вот тут.