htmllessons.ru
02.06.2018
1772
Язык разметки HTML
Язык разметки HTML - язык для описания структуры веб-страниц. Документы, написанные с помощью данного языка разметки, могут воспроизвестись с помощью браузеров. HTML это не язык программирования, это язык гипер-разметки, для описания структуры страницы используются специальные теги, о них чуть позже.Язык разметки HTML - язык для описания структуры веб-страниц. Документы, написанные с помощью данного языка разметки, могут воспроизвестись с помощью браузеров.
HTML это не язык программирования, это язык гипер-разметки, для описания структуры страницы используются специальные теги, о них чуть позже.
Общее понятие о языке разметки HTML
Данный язык создал ученый Тимом Бернерс-Ли в 90-x годах в Женеве. Язык создавался изначально для документаций по науке. Он шикарно справлялся со всеми проблемами, путем определения дескрипторов. Затем добавилась поддержка гипертекста, а мультимедию добавили позже.
Теги
Теги языка HTML это, некие символы, обернутые в скобки (меньше, больше), пример , и т.п.
Всего 2 вида тегов, это одиночные, пример: и парные, пример . Так же нет разницы в регистре, ты можешь писать и строчными, и прописными.
Для чего же нужны теги? Теги языка разметки определяют, где начать и где закончить элемент 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>Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!