Что такое теги HTML?

BolsaDeEstudo 1 150x150 Что такое теги HTML?

Какие бывают теги HTML,  зачем они нужны?

Случается когда редактируешь запись в формате html, не можешь найти нужное место для вставки, например, вставки видео объекта.

Или когда необходимо удалить не нужный объект (видео, баннер, форму подписки и т.д.)  боишься  удалить лишнее.

Да  и грязь (не нужные теги) оставлять не к чему.

Как быть? По моему мнению, необходимо  иметь хотя бы минимальные знания о тегах.

Так что же такое теги HTML? Какие они бывают и зачем нужны?

Для создания каркаса (структуры) страниц сайта используется HTML

(Hyper Text Marker Language) — язык гипертекстовой разметки страниц.

То есть, разметка страницы происходит с помощью тегов.

Все теги заключены в вот такие в скобки: <….>

Теги  бывают парные и не парные. Парные теги состоят из открывающего и закрывающего тега.

Открывающиеся теги стоят в начале объекта и выглядят так: <…...>

Закрываюшиеся теги стоят в конце объекта и выглядят так: </….>

Содержание внутри скобок одинаковое,

разница лишь в присутствии в закрывающемся теге наклонной черты.

Для того, чтобы компьютер и браузер прочитал и отобразил html-страницу – используется парный тег:

<html>

</html>

Html-страница имеет голову (head) и тело (body).

Поэтому добавляются парные теги «головы» и «тела». Структура страницы выглядит следующим образом:

<html>

<head>

</head>

<body>

</body>

</html>

Название страницы пишется между тегами <title> и </title> ,

которые должны располагаться в «голове».

Структура страницы выглядит следующим образом:

<html>

<head>

<title>Название страницы</title>

</head>

<body>

</body>

</html>

Текст страницы (а также рисунки, таблицы и прочие объекты) пишется в «теле».

Разметка страницы выглядит следующим образом:

<html>

<head>

<title> Название страницы</title>

</head>

<body> Содержание страницы……...</body>

</html>

Далее разберем теги расположения содержания страницы.

За абзацы с новой строки отвечает  парный тег :<p>  </p>;

За заголовки :<h>  </h>.

Существует 6 видов заголовков h1 (самый крупный шрифт) h6 (самый мелкий).

Выглядит это так:

<h3> Текст заголовка </h3>

Теги списков:

Парный тег обычного списка: <ol>  </ol>;

Списка пронумерованного цифрами: <li>  </li>

Списка с маркерами <ul>  </ul>

Для вставки ссылок используется парный тег: <a>  </a>.

То есть, понятно, если мы хотим удалить объект полностью,

необходимо захватить область, включающую парные теги данного объекта.

Аналогично вставка объекта. Без парных тегов вставляемый объект работать не будет.

Шпаргалка по тегам находится здесь (перейти к шпаргалке) 

Желательно научиться пользоваться тегами, используя шпаргалки.

Скачайте бесплатный курс по HTML Е.Попова на странице Учебники

 

Еще статьи на эту тему:

  • Бесплатный видеокурс «HTML» с нуля
  • Добавить комментарий

    Ваш e-mail не будет опубликован. Обязательные поля помечены *

    *

    *

    Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    Получать статьи по почте!

    введите свой е-mail :

    Рекомендую!

    плиты армстронг производитель .