Основы HTML

Опубликовано: 26.03.2020

В первой тематической статье я хочу поговорить о технологии HTML, по-настоящему базовой для Интернет.

HTML. Как много в этом звуке.

Именно с языка гипертекстовой разметки (hypertext markup language) начинался путь от скучных текстовых страниц к тому буйству красок и дизайнерских изысков, которое мы привыкли видеть в окне нашего браузера. А найти VPN для Яндекс Браузера вы сможете перейдя по ссылке.

Щелкните правой кнопкой мыши в любом месте этой странице. Видите команду «Исходный код страниц»? Возможно, у вас она называется чуть иначе.

Клик мышки по этой команде, и перед вами изнанка моего блога.

Видите странные заклинания в угловатых скобочках? Это и есть HTML-разметка. Да, неподготовленному человеку понять что к чему попросту невозможно.

Возьмем пример попроще.

Вот здесь расположена специально созданная мной учебная веб-страница. Посмотрите ее исходный код. Его по крайней мере меньше, согласны? Давайте попробуем в нем разобраться.

Основа HTML-разметки – тэг. Ключевое слово, невидимое конечному пользователю веб-страницы, но определяющее, как будет выглядеть или вести себя тот или иной фрагмент текста. Тэги легко узнать по острым скобкам –.

Любая веб-страница состоит из двух основных частей – «голова» (head) и «тело» (body). Видите тэги и в исходном коде тренировочной страницы? В «голове» содержится служебная информация вроде названия веб-страницы, а в «теле» – содержимое (контент) веб-страницы, предназначенное для пользователя.

Кстати, тэги бывают контейнерными и одинарными. Контейнерные состоят из открывающей и закрывающей части и заключают в себя фрагмент текста, на который распространяется их действие. Посмотрите в код тренировочной страницы. Например, тэг b и его закрывающая часть /b выделяет слово «тренировочная» более жирным шрифтом, а тэги и ограничивают два главных раздела веб-страницы.

Еще один пример контейнерного тэга – H1. Этот тэг позволяет превратить часть текста в выделяющийся заголовок.

Тэг Р заставляет браузер воспринимать фрагмент текста как абзац, а тэг BR позволяет перевести строку, не начиная нового абзаца. Это важно, т. к. обычные нажатия Enter в исходном коде веб-страницы браузер игнорирует во время показа веб-страницы пользователю.

Гипертекст отличается от обычного текста именно наличием ссылок. За ссылки в HTML-разметке отвечает тэг. Посмотрите на его анатомию: параметр href определяет куда именно перенесет пользователя данная ссылка.

Ну что, кое-что проясняется?

Разумеется, прочитав один пост блога, пусть даже самого замечательного , HTML не выучить. Но в сети Интернет бесчисленное множество обучающих ресурсов, подробно рассказывающих о всех нюансах этой технологии. Главное, запомните: если вы работаете в сети, от HTML вам не уйти!

Слова «бесчисленное множество обучающих ресурсов» вовсе не предполагает, что все эти ресурсы одинаково хороши. Обучающий ресурс должен содержать полную информацию, изложенную максимально доступно, и помогать вам освоить тему как можно быстрее. В этом заключается преподавательское искусство.

Похожие статьи