Гипертекстовая разметка: всё что нужно знать

Дневник разработчика

Привет! Ты наверняка слышал такие фразочки. как HTML, вёрстка сайтов, а так же много раз слышал про ссылки на сайтах, но я более чем уверен, что ты не до конца понимаешь суть термина разметка гипертекста. Сейчас есть куча курсов про вёрстку сайтов, но никто не объясняет что такое гипертекст.

Давай раз и на всегда внесём ясность и разберёмся в тонкостях этой терминологии и пойдём от простого к сложному.

Есть просто книжка. Она лежит на столе. её можно взять в руки, открыть и прочитать.

Но кроме простой книги есть еще и цифровая книжка. Её нельзя пощупать, но почитать вы её можете. В любое время при помощи телефона, планшета или с экрана компьютера.

Что такое ссылка

Как вы её находите — по ссылке и тут мы подходим к первому термину — гипертекстовая ссылка — это связующий элемент между документами, компьютерами, аккаунтами в социальных сетях, да чем угодно! Интернет состоит из огромного количества информации и ссылок на эту информацию — всемирная интернет паутина WWW.

Что бы поделиться ссылкой на книгу со своим другом. вам нужно знать электронный адрес. Вы просто копируете этот адрес — гиперссылку и даёте его другу. Теперь он тоже сможет прочесть эту книгу со своего телефона.

Что такое гипертекст

С ссылками разобрались. Теперь про саму книгу. Она у нас интерактивная — там есть ссылочки, при нажатии на которые вы легко и просто переходите к выбранной главе или странице. Текст, который содержит гиперссылки называется — гипертекст.

Книга в электронном виде. В начале книги есть содержание со списком глав и указанными страницами. Страницы — это адреса (с точки зрения гипертекста).

Теперь вы понимаете принципиальное отличие простого текста от гипертекста — наличие в нем ссылок, которые ведут на отдельные страницы, абзацы или ресурсы.

Гипертекстовая разметка

Мы понимаем отличие простого текста от гипертекста и бумажной книги от цифровой. Давайте теперь попробуем превратить простой текст в гипертекст добавив в него несколько ссылок. Процесс создания гипертекста называется — Гипертекстовой разметкой.

У нас есть файл с текстом — документ. Вставляем в него ссылки — получаем документ с гипертекстом. Как это сделать — для этого нам потребуется разметить документ специальными элементами — тегами, написанными на языке HTML.

HTML — язык разметки гипертекста

Вот мы и добрались до html-языка. Надеюсь что вам стало понятней в чем заключается суть работы верстальщика. Вы готовы двигаться дальше и можете познакомиться с языком гипертекстовой разметки поближе.

Но перед этим прошу вас еще раз повторить:

Ссылка — узел связи между документами. Её еще называют гиперссылка.

Гипертекст — текст, который содержит гиперссылки, благодаря которым он связан с другими текстами в сеть.

Преобразование простого текста в гипертекст называется разметкой.

Гипертексты принято называть документами или страницами, потому что все что есть в интернете можно отобразить на странице сайта.

Сайт это информационный ресурс, который состоит из страниц гипертекста.

Для создания страниц и сайтов используется специальный язык разметки гипертекста — HTML.

Отлично! Вы готовы двигаться дальше.

Юрий Ронин