Что такое html?

Что такое html?

Что такое html?В рамках данной статьи я расскажу вам о том, что такое html, зачем он вообще нужен и некоторые прочие аспекты.

Сегодня, слова интернет и сайт знакомы многим уже с малых лет. Однако, далеко не каждый представляет себе как все это устроено и за счет чего один и тот же сайт открывается в разных браузерах, странах, компьютерах в одном и том же виде. Без лишнего, можно сказать, что это заслуга языка html.

Что же такое html? Html (HyperText Markup Language) - это язык разметки или маркировки гипертекста, позволяющий не только форматировать текст, но и связывать разные документы и части между собой. При этом сами документы могут находится в разных уголках планеты. Примечательно, что сам язык вначале был придуман не для веб-сайтов, а для обмена технической и научной документацией с единым стандартом оформления. Основное же преимущество данного языка заключалось в том, что его сможет осилить даже новичок.

Примечание: К слову, сегодня эта задача не столь проста (но и не столь сложна, при наличии желания), так как требования к веб-сайтам существенно возросли и помимо языка Html, необходимо изучить, как минимум, устройство файлов стилей (CSS). А если речь идет о динамическом контенте и красивой анимации, то нужно так же изучить JavaScript и хотя бы один из серверных языков (php, C# и так далее). Тем не менее, браузер легко отобразит файлы, использующие только язык Html.

Учтите, что Html предназначен именно для разметки веб-страниц и поэтому не является языком программирования. Он не позволяет создавать переменные, строить алгоритмы и прочее. Html лишь определяет набор инструкций для браузера каким образом должны отображаться те или иные элементы. Стоит заметить, что в зависимости от версии, используемых конструкций и браузера, веб-страница может отображаться по разному. По этой причине, очень часто вместе со словом Html употребляют термин кроссбраузерность, который обозначает, что внешний вид веб-страницы не будет или будет минимальным образом отличаться от браузера к браузеру.

Примечание: Обычно, верстку и отображение проверяют в 4 браузерах - Internet Explorer, Opera, Firefox и Chrome.

Вся разметка языка Html строится из "тегов", при этом каждый из этих тегов определяет либо части документа (html, head, body), либо какие-то свойства документа (meta, title), либо подключает дополнительные файлы (script, link), либо осуществляет форматирование текста (p, h1 и так далее). Имя каждого тега заключается в скобки "<" и ">". Есть два вида тегов - те, которые имеют открывающие и закрывающий тег (при этом закрывающий тег начинается с "</", а внутри располагаются другие теги или же текст), и те, которые состоят только из одного тега, являющегося открывающий и закрывающим одновременно (при этом такой тег заключается не одной скобкой, а "/>").

Вот пример html страницы

<!DOCTYPE html>
<html>
    <head>
        <title>Пример html странички</title>
    </head>
    <body>
        <h1>Главный заголовок</h1>
        <hr/>
        <p>
            Абзац с текстом. 
        </p>
    </body>
</html>

Как видите, документ разделен на блок head, внутри которого обозначен заголовок страницы (тег title - его содержимое будет отображаться при наведении на закладку в браузере). Следующий блок это body, внутри которого как раз и содержится форматированный текст страницы. Тег h1 - это специальный маркер, который указывает, что текст внутри него является главным заголовком. Примечательно, что по стандарту такой заголовок должен быть всего 1 на страницу. Если вам нужны подзаголовки, то необходимо использовать h2, h3 и так далее (цифра обозначает уровень). Тег hr - это горизонтальная черта, разделяющая текст. Если заметили, то пример тега, являющего открывающим и закрывающим одновременно. И последний тег это тег "p", который обозначает абзац.

Вы можете сохранить показанный текст в файл с расширением "html" и попробовать открыть его в браузере. По сути, это будет ваша первая страничка.

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

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

Если вы решили изучить этот язык, то советую начинать его изучение при помощи расширенных текстовых редакторов, таких как Notepad++ (аналог блокнота с подсветкой и рядом других функций для удобства), так как в этом случае вам легче будет освоиться (хотя первое время будет казаться наоборот). Если же вы хотите сразу создавать красивые страницы, не вдаваясь в подробности, то вы всегда можете воспользоваться редакторами Html или различными сервисами-конструкторами, коих сегодня много. Однако, стоит знать, что последние могут "мусорить" в html-документе.

Теперь, вы знаете что такое html, для чего этот язык предназначен, а так же с чего начинать.

☕ Понравился обзор? Поделитесь с друзьями!

Добавить комментарий / отзыв

Комментарий - это вежливое и наполненное смыслом сообщение (правила).



* Нажимая на кнопку "Отправить", Вы соглашаетесь с политикой конфиденциальности.
Присоединяйтесь
 

 

Программы (Freeware, OpenSource...)