Знакомство с HTML

1. HTML-документ

Как вы уже, наверное, знаете, все сайты в интернете состоят из веб-страниц. Их еще называют HTML-страницами. Так что же это за зверь такой?

HTML-документ — это текстовый файл, который состоит из текста и тегов. Теги были придуманы ещё в 70-е годы прошлого века, чтобы люди могли добавлять в документы служебную информацию для программ, обрабатывающих эти документы.

Тег — это ключевое (служебное) слово, чаще всего на английском языке, которое обрамляется в угловые скобки (символы 'больше' и 'меньше'), чтобы программы не путали теги и обычные слова.

Пример:

<img>

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

2. Пример HTML-документа

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

Допустим браузер отображает вам такую страницу:

Манул Ману́л — хищное млекопитающее семейства кошачьих. Внешностью и размерами похож на домашнего кота, но отличается более короткими массивными туловищем и лапами, круглыми зрачками, низкими ушами, а также длинным густым мехом.

Вот как будет выглядеть её HTML-документ:

      
<h1>Манул</h1>
<p> Ману́л — хищное млекопитающее семейства кошачьих. Внешностью и размерами похож на 
<a href="#">домашнего кота</a>, но отличается более короткими массивными туловищем и 
лапами, круглыми зрачками, низкими ушами, а также длинным густым мехом. </p>
<img src="manul.jpg">
      
    

В данном примере мы видим текст и теги: h1, p, a и img. Браузер распознал теги, и превратил текст в тегах в заголовок, ссылку, а также добавил картинку внизу текста. Это настоящая магия!

3

Задача

Модуль 1: Web Core, 1 уровень, 1 лекция

Недоступна

Добавьтесь в Telegram

Добавьтесь в Telegram

Открыть

3

Задача

Модуль 1: Web Core, 1 уровень, 1 лекция

Недоступна

Поделись кем ты хочешь быть

Поделись кем ты хочешь быть

Открыть