ГлавнаяСтатьи в блоге по категориямТехноЧто такое HTML и для чего он нужен?

Что такое HTML и для чего он нужен?

01.02.2023
0

HTML – это аббревиатура HyperText Markup Language (язык разметки гипертекста). Это стандартного языка разметки для создания веб-страниц.

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

Что из себя представляет самый простой язык программирования HTML (АшТиЭмЭль) и где он применяется? В интернете? На сайтах? В ворде? Можно обучиться?

Краткая история HTML

HTML был создан изначально британский физик Тим Бернерс-Ли, также создатель procolo HTTP. В то время язык еще не был спецификация и да набор инструментов для решения кадровой проблемы Тим: общения и общего поиска между ним и его коллегами.

Первые версии HTML были определены правила синтаксической гибкие и с течением времени, использование HTML увеличилась, поэтому нужно сделать синтаксис более определены и стандартизированы.

Первые формальным описанием языка появились в 1990-х, вдохновленные предложения оригинальных Тим Бернерс-Ли создать язык, основанный на SGML для Интернета. Первая публикация была начерченная Тим Бернерс-Ли и Дэн Конноли, с его первой версии, опубликованной в 1993 году, спустя два года, в 1995 году версия 2.0 разработан в составе рабочей группы Internet Engineering Task опубликована. Начиная с 1996 года, спецификации HTML поддерживаются World Wide Web Consortium (W3C), и в 2000 язык стал международным стандартом (ISO/IEC 15445:2000). Рекомендация HTML 4.01 была опубликована в конце 1999 года в W3C и версия в HTML5, который мы используем сегодня, была опубликована в 2008 году.

Версия Год
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
HTML5.1 2016 и 2017 годов (2nd ed.)
HTML5.2 2017
Источник: Wikipedia

Структура HTML

Ниже мы можем увидеть в базовой структуры HTML5:

<!doctype html>
<html lang="pt-BR">
<head>
  <meta charset="utf-8">
  <title>Тайтл</title>
</head>
<body>
  <h1>Заголовок текста</h1>
  <p>Сам текст</p>
  <img src="sample_image.jpeg" />
</body>
</html>

Теги HTML

Как мы говорили ранее структура HTML на основе теги предварительно определены. Вы можете создавать, хотя и не очень часто, свои собственные теги HTML. Теги-это в основном делятся на: на уровне блоков (block-level) и в линию (inline).

  1. Теги типа block-level , как правило, занимают все доступное пространство, а “прыгают” линии. Заголовки (H1, H2, …) являются хорошим примером теги block.
  2. Теги типа inline только занимают пространство, как нужно, и, как правило, не начинаются с новой строки в документе. Они служат, как правило, чтобы подчеркнуть какой-то контент внутри документа. Как тэги, ссылки (<a>,<a/>) и жирным (<strong><strong/>).

Теги Block-level

Есть три метки на уровне блоков, что любой HTML-документ должен иметь: <html>, <head>и <body>.

  • Тег <html></html> – это элемент верхнего уровня, которая включает в себя все HTML-страницы.
  • Тег <head></head> содержит метаданные, такие как заголовок страницы, описание, etc.
  • Тег <body>и</body> включает в себя весь контент, который появляется на веб-странице.
<html>
  <head>
    <!-- МЕТАИНФОРМАЦИЯ -->
  </head>
  <body>
    <!-- СОДЕРЖАНИЕ СТРАНИЦЫ -->
  </body>
</html>
  • Теги заголовка имеют 6 уровней. Они варьируются в <h1></h1> до <h6></h6>, где h1-это заголовок более высокого уровня, как правило, заголовок страницы, h6-это более низкий уровень.
  • Абзацы разделяются <p></p> .
  • Подразделения части контента превышает, как правило, содержат несколько заголовков, абзацев и других элементов меньше. Мы можем пометить их с помощью тега <div></div> или <section></section>.
  • Существуют также теги для списков, они могут быть отсортированы <ol></ol> или не отсортированы <ul></ul>. Отдельные элементы списка должны быть заключены в тег <li>,</li>. Например, таким образом, что основной список не отсортирован выглядит в HTML:
<ul>
    <li>Item da Lista 1</li>
    <li>Item da Lista 2</li>
    <li>Item da Lista 3</li>
</ul>

Теги inline

Многие теги inline используются для форматирования текста. Например, тег <strong></strong> рендерингария элемент, выделенные жирным шрифтом, в то время как теги <i></i> показали курсивом.

Гиперссылки также встроенных элементов, которые требуют теги и атрибуты href , чтобы указать место назначения ссылки:

<a href="https://marquesfernandes.com.br">Link para meu blog!</a>

Образы также являются линейные элементы. Вы можете добавить, используя без закрывающего тега. Но вы также должны использовать атрибут src , чтобы указать путь к изображению, например:

<img src="/images/example.jpg" alt="Example image">

HTML5, на практике!

Теперь, когда мы узнали о том, что это такое и как работает HTML, мы можем ввести в практику использование некоторых тегов для создания базовой веб-страницы:

Просмотр html кода страницы Вконтакте в исходном коде браузеров

Сохранить себе или поделиться:

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

Add a Comment

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