Язык разметки HTML

Язык разметки HTML

02.06.2018 28

Поделиться
Отправить
Плюсануть
Запинить
Класснуть
Поделиться

Язык разметки HTML - язык для описания структуры веб-страниц. Документы, написанные с помощью данного языка разметки, могут воспроизвестись с помощью браузеров. HTML это не язык программирования, это язык гипер-разметки, для описания структуры страницы используются специальные теги, о них чуть позже.Язык разметки HTML - язык для описания структуры веб-страниц. Документы, написанные с помощью данного языка разметки, могут воспроизвестись с помощью браузеров.

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

Общее понятие о языке разметки HTML

Данный язык создал ученый Тимом Бернерс-Ли в 90-x годах в Женеве. Язык создавался изначально для документаций по науке. Он шикарно справлялся со всеми проблемами, путем определения дескрипторов. Затем добавилась поддержка гипертекста, а мультимедию добавили позже.

Теги

Теги языка HTML это, некие символы, обернутые в скобки (меньше, больше), пример , и т.п.

Всего 2 вида тегов, это одиночные, пример: и парные, пример . Так же нет разницы в регистре, ты можешь писать и строчными, и прописными. 

Для чего же нужны теги? Теги языка разметки определяют, где начать и где закончить элемент HTML разметки.

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

Что будет если не использовать теги языка разметки HTML?

Браузер увидев, что тегов нет, решит вывести просто один текст, без каких-либо стилей.

Итог

Ну и на последок приведу пример, как ведет себя браузер в различных ситуациях.

Текст без HTML:

Без языка разметки HTML

Текст с использовнием тегов HTML:

Язык разметки HTML

А в конце покажу стандартную структуру HTML разметки.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!
Автор данной статьи:

Максим Shushval