Язык гипертекстовой разметки, также известный как HTML, представляет собой стандартный язык разметки, предназначенный для отображения документов на веб-сервере. ЧТО? ЗАПУТАТЬ?
Итак, говоря простыми словами, вы можете сказать, что HTML — это язык, используемый для отображения контента на веб-странице. Итак, почему это язык разметки?? За то, что не переживайте, не будете раскапывать теорию языка разметки. Проще говоря, HTML не действует как любой язык программирования, вы не можете использовать какую-либо функцию, класс или структуру для выполнения какой-либо функции, которая вызовет какой-либо вывод. Единственная задача языка разметки — ОТОБРАЖАТЬ. Да, вы правильно поняли, HTML помогает отображать данные или контент так, как вы хотите. ТЕПЕРЬ печальный факт, HTML не так прост, как Microsoft Word, Excel, где нажатие нескольких кнопок и выбор нескольких параметров отобразит данные так, как вы хотите. Итак, для этого HTML есть несколько наборов тегов, которые используются для отображения данных так, как вы хотите.
Мы знаем, что для человеческого тела скелет хранит всю структуру человеческого тела. Таким образом, HTML также действует как скелет веб-страницы, где вы разрабатываете структуру своей веб-страницы, упоминая компоненты, которые хотите добавить.
Теперь, чтобы создать HTML-документ, как мы упоминали ранее, необходимо несколько наборов тегов, которые называются Элементы. Теперь, прежде чем мы углубимся в изучение HTML, давайте обсудим, что такое Теги и Элементы и чем они отличаются.
Тег HTML — это небольшой текст, заключенный в угловые скобки (‹›), который выполняет определенные функции, например — тег ‹img› используется для вставки изображения в наш HTML-документ и его отображения. на экране.
Элемент HTML. Он состоит из начального тега, конечного тега и содержимого внутри него. Кроме того, некоторые элементы не имеют закрывающих тегов.
Посмотрите на диаграмму ниже, чтобы лучше понять разницу -
Читая так много о HTML-документах, вы задавались вопросом, как эти документы на самом деле отображаются на нашем экране. ПРОСТОЙ ответ — эти документы сначала принимаются веб-браузерами с любого веб-сервера или даже любого локального сервера, и браузер отображает их так, как вы хотели отобразить их на экране. HTML-документы обычно сопровождаются CSS и Javascript. Короче говоря, CSS помогает его украсить, а Javascript фактически помогает выполнять определенные функции ( как и любой язык программирования, ладно, это удивительно, да, я знаю, звучит удивительно и странно > но правда).
Теперь поговорим подробнее об элементах HTML. Элементы, как упоминалось ранее, на самом деле определяют наши HTML-документы. Например, они написаны вложенным и семантическим образом -
‹h1›Привет, мир‹/h1›
Как видите, тег ‹h1› находится внутри тега ‹body›, так как позже вы узнаете, что тег ‹body› содержит основной контент, который должен отображаться на экране, но тег ‹h1› — это просто тег заголовка, чтобы текст казался больше. Поэтому эти теги написаны таким образом, что они фактически вложены и написаны семантически.
В некоторых элементах начальный тег может также содержать атрибуты. Что это такое? Атрибуты используются для улучшения контента разными способами. Некоторые атрибуты имеют свои собственные функции, тогда как некоторые теги используются для указания на элементы для выполнения некоторых внешних встроенных функций. Атрибуты всегда идут парами AttributeName="value". Итак, в целом элементы HTML записываются в следующем формате —
‹тег attribute1="value1" attribute2="value2"›’’content’’‹/tag›
Или для некоторых элементов нет закрывающих тегов, поэтому они могут быть записаны следующим образом:
‹тег attribute1="value1" attribute2="value2"›
Итак, теперь давайте рассмотрим общую структуру HTML-документа, которую каждый веб-разработчик использует в повседневной жизни.
Код —
‹!DOCTYPE html›
‹html язык="ru"›
‹название›Документ‹/название›
‹h1›Привет, мир!‹/h1›
‹/html›
В приведенном выше коде, как вы все можете ясно видеть структуру, давайте обсудим их все в бюллетенях -
- ‹!DOCTYPE› на самом деле является объявлением, в котором упоминается, что этот документ является HTML-документом. Это помогает веб-браузерам идентифицировать тип документа и правильно отображать веб-страницы.
Вы знаете, что здесь есть небольшая загвоздка?
(Загвоздка в том, что для разных версий HTML мы указываем разный Doctype. Таким образом, вы можете сказать, что DOCTYPE также упоминает HTML-версию документа. В приведенном выше коде мы используем HTML5, поэтому для этого мы написали ‹!DOCTYPE html› . Но если бы мы использовали HTML 4, тогда код был бы -
‹!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” ““http://www.w3.org/TR/html4/loose.dtd”'› )
- В самом начале упоминается элемент ‹html›, так как он определяет начало и конец нашего HTML-документа. Как часть HTML-элемента, HTML-теги помогают веб-браузерам преобразовывать HTML-документы в веб-страницы.
- Теперь, вложенные, мы объявляем еще два тега под тегом HTML, которые являются элементом head и элементом body.
- Элемент head следует указывать перед тегом body, поскольку он содержит все сведения о документе (подробности будут опубликованы далее). В приведенном выше коде мы упомянули только элемент title, так как он указывает имя веб-страницы.
- Теперь давайте поговорим об элементе body. Это самый важный элемент, поскольку он состоит из всего содержимого нашего HTML-документа и всего, что мы показываем на экране.
- Внутри тега body элемент h1, как упоминалось ранее, представляет собой просто тег заголовка, используемый для увеличения или уменьшения размера текста.
(Но вот еще одна загвоздка. Я знаю, что знаю так много сюрпризов, но поверьте мне, это последняя запись в моем блоге,
Элемент H1 не используется для определения внешнего вида моего текста, он используется для оценки важности текста как заголовка в вашем HTML-документе. Для Ex-
Тег H1 может увеличивать текст, но на самом деле справедливо, что это самый важный заголовок. Тег H6 может казаться маленьким, но на самом деле оправдывает, что это наименее важный заголовок.)
Итак, это было все об основах HTML, которые вам всем нужно знать, прежде чем углубляться в другие элементы и их использование и начинать свое путешествие по веб-разработке.
Спасибо и удачного кодирования!!!