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 |
Структура 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).
- Теги типа block-level , как правило, занимают все доступное пространство, а “прыгают” линии. Заголовки (H1, H2, …) являются хорошим примером теги block.
- Теги типа 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, мы можем ввести в практику использование некоторых тегов для создания базовой веб-страницы:
