Регистрация
Раздел: Для веб-программиста

Быстрое знакомство с HTML-разметкой.

User 30-09-2017, 08:11 1 966 Для веб-программиста
0

Быстрое знакомство с HTML-разметкой.

Как функционирует HTML-код и как с ним обращаются браузеры.

Просмотрев любой HTML-код (Анатомия веб-страницы) и сравнив его с результатом в браузере. Легко заметить, как элементы HTML-разметки, помеченные HTML-тегами в исходном коде, соответствуют тому, что отображается в окне браузера.

Во-первых, вы заметите, что текст внутри скобок (например, ) не отображается на странице в браузере. Показано только содержимое элемента, а разметка скрыта. Теги указывают на имя HTML- элемента — обычно сокращенное, такое как h1 для heading level 1 (заголовок 1 уровня) или em для emphasized text (акцентированный текст).

Во-вторых, вы увидите, что большинство HTML-тегов идут парами, окружая содержимое элемента. В нашем HTML-документе <h1> говорит о том, что следующий текст должен быть отформатирован как заголовок уровня 1; </h1> обозначает на конец заголовка. У некоторых элементов, именуемых пустыми, нет содержимого. В нашем примере тег <hr /> указывает на пустой элемент, который предписывает браузеру «создать в этой позиции горизонтальную линию».

Например, когда браузер сталкивается с открытой скобкой (. Точно так же он считает весь контент после открытия тега заголовком, пока не сталкивается с закрывающим тегом </h1>. Это способ, которым браузер анализирует HTML-документ. Понимание принципов работы браузера с HTML-кодом может быть полезно при анализе неправильного HTML-документа.

В HTML-разметке часто встречаются теги, которые легко запомнить, владея английским языком. Допустим параметры картинки img - images (изображение), width - ширина, height - высота.

Написать сообщение

Кликните на изображение чтобы обновить код, если он неразборчив

Похожие новости

Польза элемента title

Для каждого документа, элемент title не только необходим, но и очень полезен. Заголовок документа —

27.01.16 Для веб-программиста
Структурирование элементов HTML документа.

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

30.01.16 Для веб-программиста
Какие теги игнорируют браузеры?

При просмотре в браузере часть информации в исходном документе игнорируется, в том числе: Знаки

31.01.16 Для веб-программиста

 
Powered by UseSite.ru. Все права защищены. Копирование материала строго запрещено.
Закрыть