Элементы — это строительные блоки HTML, которые описывают структуру и содержимое веб-страницы. Они являются частью «Разметки» языка гипертекстовой разметки (HTML).

Синтаксис HTML использует угловые скобки («<" и ">«) для хранения имени элемента HTML. Элементы обычно имеют открывающий тег и закрывающий тег и предоставляют информацию о содержимом, которое они содержат. Разница между ними в том, что закрывающий тег имеет косую черту.

Вот пример использования элемента p (

), чтобы сообщить браузеру, что группа текста является абзацем:

  
Это абзац.
  

Открытие и закрытие теги должны совпадать, иначе браузер может отображать контент непредвиденным образом.

Некоторые элементы HTML являются самозакрывающимися, то есть у них нет отдельного закрывающего тега. Самозакрывающиеся элементы обычно вставляют что-то в ваш документ.

Примером может служить элемент br (
), который вставляет разрыв строки в текст. Раньше внутри самозакрывающихся тегов была косая черта (
), однако спецификация HTML5 больше не требует этого.

Существует много доступных элементов HTML. Вот список некоторых функций, которые они выполняют:

• предоставление информации о самой веб-странице (метаданные)
• структурирование содержимого страницы по разделам
• встраивание изображений, видео, аудиоклипов или других мультимедиа
• создание списков, таблиц и форм
• предоставление дополнительной информации об определенном текстовом содержимом
• ссылка на таблицы стилей с правилами отображения страницы в браузере
• добавление сценариев, чтобы сделать страницу более интерактивной и динамичной

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

Правильно:

Это абзац, содержащий элемент span.

Неправильно:

Это абзац, содержащий элемент span .

Элементы делятся на две основные категории: блочные и встроенные.Блочные элементы автоматически начинаются с новой строки, в то время как встроенные элементы располагаются внутри окружающего содержимого.

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

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

Вот пример страницы с элементом заголовка, элементом тела и одним абзацем:

  

  <голова>
  
  <тело>
    
Я абзац
  
  

Это контейнер для обработки информации и метаданных для документа HTML.

  <голова>
  <мета-кодировка="utf-8">
  

Это контейнер для отображаемого содержимого документа HTML.

  ...  

Создает абзац, возможно, самый распространенный элемент блочного уровня.

  
...
  

Создает гиперссылку для направления посетителей на другую страницу или ресурс.

  ...  

Вы можете определять изображения с помощью тега . У него нет закрывающего тега, так как он может содержать только атрибуты. Чтобы вставить изображение, вы определяете источник и альтернативный текст, который отображается, когда изображение не может быть отображено.

src — этот атрибут предоставляет URL-адрес изображения, присутствующего либо на вашем ПК/ноутбуке, либо на каком-либо другом веб-сайте. Помните, что предоставленная ссылка не должна быть повреждена, иначе изображение не будет создано на вашей веб-странице.

alt — этот атрибут используется для решения проблемы с неработающим изображением или неспособностью вашего браузера создать изображение на веб-странице. Этот атрибут, как следует из названия, предоставляет «Альтернативу» изображению, которое представляет собой некоторый «ТЕКСТ», описывающий изображение.

В HTML вы можете использовать тег для создания ссылки. Например, вы можете написать freeCodeCamp , чтобы создать ссылку на сайт freeCodeCamp.

Ссылки есть почти на всех веб-страницах. Ссылки позволяют пользователям переходить со страницы на страницу.

HTML-ссылки являются гиперссылками. Вы можете щелкнуть ссылку и перейти к другому документу.

Когда вы наводите мышь на ссылку, стрелка мыши превращается в маленькую руку.

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

В HTML ссылки определяются тегом:

  текст ссылки  

Пример

  Посетите наш сайт для получения руководств  

Атрибут href указывает адрес назначения (https://www.freecodecamp.org) ссылки.

Текст ссылки является видимой частью (посетите наш сайт для получения руководств).

Нажав на текст ссылки, вы отправитесь на указанный адрес.

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

HTML-разметка имеет три разных типа списков — упорядоченный , unord e красный и описание списки.

Упорядоченный список используется для группировки набора связанных элементов в определенном порядке.Этот список создается с помощью тега

. Каждый элемент списка окружен тегом
1. .
   Код

     <ол>
       
   Смешать ингредиенты
       
   Выпекать в духовке в течение часа.
       
   Оставить на десять минут.
     

   Пример
   1. Mix Ingredients
   2. Выпекание в духовке в течение часа
   3. Разрешить в течение десяти минут
   Неупорядочащиеся списки

   Неупорядоченный список используется для группировки набора связанные элементы, в произвольном порядке.Этот список создается с тегом

   . Каждый элемент списка окружен тегом
   • .
     Код

       
     
         
     Шоколадный торт
         
     Торт "Черный лес"
         
     Ананасовый торт
       

     Пример
     • Шоколадный торт
     • Шварцвальдский торт
     • Ананасовый торт
     Описание Списки терминов и описания используются в качестве списков Этот список создается с помощью тега

     . Каждый элемент списка окружен тегом

     .

     Код

       <дл>
         
     Хлеб
         
     Выпечка из муки.
         
     Кофе
         
     Напиток из обжаренных кофейных зерен.
     

     Выход

     Хлеб Выпечка из муки. Кофе Напиток из обжаренных кофейных зерен.

     Стиль списка

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

     list-style свойство является сокращением для list-style-type , list-style-position , list-style-image .

     Учебников | MDN

     Ссылки на этой странице ведут к различным руководствам и учебным материалам.Независимо от того, начинаете ли вы, изучаете основы или имеете опыт веб-разработки, вы можете найти здесь полезные ресурсы для передового опыта.

     Эти ресурсы созданы дальновидными компаниями и веб-разработчиками, которые приняли открытые стандарты и лучшие практики веб-разработки и которые предоставляют или разрешают переводы с помощью лицензии на открытый контент, такой как Creative Commons.

     Начало работы в Интернете

     Начало работы в Интернете — это краткая серия статей, знакомящих вас с практическими аспектами веб-разработки.Вы настроите инструменты, необходимые для создания простой веб-страницы, и опубликуете свой собственный простой код.

     Начальный уровень

     Введение в HTML

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

     Ссылка на HTML-элемент MDN

     Подробный справочник по элементам HTML и тому, как их поддерживают различные браузеры.

     Создание простой веб-страницы с HTML

     Руководство по HTML для начинающих, включающее объяснения общих тегов, включая теги HTML5. Также включает пошаговое руководство по созданию базовой веб-страницы с примерами кода.

     HTML-вызовы

     Используйте эти задачи, чтобы отточить свои навыки работы с HTML (например, «Должен ли я использовать элемент

     или элемент

     ?»), уделяя особое внимание осмысленной разметке.

     Средний уровень

     Мультимедиа и встраивание

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

     HTML-таблицы

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

     Продвинутый уровень

     HTML-формы

     Формы являются очень важной частью Интернета — они предоставляют большую часть функций, необходимых для взаимодействия с веб-сайтами, например. регистрация и вход в систему, отправка отзывов, покупка продуктов и многое другое. Этот модуль поможет вам приступить к созданию клиентских частей форм.

     Советы по созданию быстро загружаемых HTML-страниц

     Оптимизируйте веб-страницы, чтобы сделать сайт более отзывчивым для посетителей и снизить нагрузку на веб-сервер и подключение к Интернету.

     Начальный уровень

     Основы CSS

     CSS (каскадные таблицы стилей) — это код, который вы используете для оформления своей веб-страницы. Основы CSS проведет вас через то, что вам нужно для начала работы. Мы ответим на такие вопросы, как: Как сделать текст черным или красным? Как мне сделать так, чтобы мой контент отображался в таком-то месте на экране? Как украсить мою веб-страницу фоновыми изображениями и цветами?

     Первые шаги CSS

     CSS (каскадные таблицы стилей) используются для оформления и компоновки веб-страниц — например, для изменения шрифта, цвета, размера и интервалов вашего контента, разделения его на несколько столбцов или добавления анимации и других декоративных функций.Этот модуль обеспечивает мягкое начало вашего пути к мастерству CSS с основами того, как он работает, как выглядит синтаксис и как вы можете начать использовать его для добавления стилей в HTML.

     Строительные блоки CSS

     Этот модуль продолжает то, на чем остановились первые шаги CSS — теперь, когда вы познакомились с языком и его синтаксисом и получили некоторый базовый опыт его использования, пришло время погрузиться немного глубже. Этот модуль рассматривает каскад и наследование, все доступные типы селекторов, единицы измерения, размеры, стилизацию фона и границ, отладку и многое другое.

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

     Стиль текста

     Здесь мы рассмотрим основы стиля текста, включая настройку шрифта, полужирности и курсива, межстрочного и межбуквенного интервалов, а также тени и другие функции текста. Мы завершаем модуль, рассматривая применение пользовательских шрифтов к вашей странице, а также стилизацию списков и ссылок.

     Общие вопросы по CSS

     Общие вопросы и ответы для начинающих.

     Средний уровень

     Макет CSS

     К этому моменту мы уже рассмотрели основы CSS, как стилизовать текст, как стилизовать и манипулировать блоками, внутри которых находится ваш контент. Теперь пришло время посмотреть, как правильно разместить блоки по отношению к области просмотра и друг к другу. Мы рассмотрели необходимые предварительные условия, поэтому теперь можем углубиться в макет CSS, изучая различные настройки отображения, традиционные методы макета, включающие плавание и позиционирование, и новые замысловатые инструменты макета, такие как flexbox.

     Ссылка CSS

     Полный справочник по CSS с подробной информацией о поддержке Firefox и другими браузерами.

     Жидкостные сетки

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

     Задачи CSS

     Совершенствуйте свои навыки CSS и смотрите, где вам нужно больше практики.

     Продвинутый уровень

     Использование преобразований CSS

     Применение поворота, наклона, масштабирования и перемещения с помощью CSS.

     CSS-переходы

     CSS-переходы, часть проекта спецификации CSS3, предоставляют способ анимировать изменения свойств CSS вместо того, чтобы изменения вступали в силу мгновенно.

     Краткое руководство по внедрению веб-шрифтов (с @font-face)

     Функция @font-face из CSS3 позволяет вам использовать пользовательские шрифты в Интернете доступным, управляемым и масштабируемым способом.

     Начало написания CSS

     Введение в инструменты и методологии для написания более лаконичного, удобного в сопровождении и масштабируемого CSS.

     Учебное пособие по холсту

     Узнайте, как рисовать графику с помощью сценариев с использованием элемента холста.

     HTML5 Доктор

     статьи об использовании HTML5 прямо сейчас.

     Начальный уровень

     Первые шаги JavaScript

     В нашем первом модуле JavaScript мы сначала ответим на некоторые фундаментальные вопросы, такие как «что такое JavaScript?», «на что он похож?» и «что он может делать?», прежде чем перейти к первому практическому опыт написания JavaScript.После этого мы подробно обсудим некоторые ключевые функции JavaScript, такие как переменные, строки, числа и массивы.

     Строительные блоки JavaScript

     В этом модуле мы продолжаем рассмотрение всех основных основных функций JavaScript, обращая внимание на часто встречающиеся типы блоков кода, такие как условные операторы, циклы, функции и события. Вы уже видели это в курсе, но только вскользь — здесь мы обсудим все это подробно.

     Начало работы с JavaScript

     Что такое JavaScript и как он может вам помочь?

     Codecademy

     Codecademy — это простой способ научиться кодировать JavaScript. Это интерактивно, и вы можете делать это со своими друзьями.

     FreeCodeCamp

     freeCodeCamp обучает различным языкам и платформам для веб-разработки. У него также есть форум, интернет-радиостанция и блог.

     Средний уровень

     Знакомство с объектами JavaScript

     В JavaScript большая часть вещей является объектами, от основных функций JavaScript, таких как строки и массивы, до API-интерфейсов браузера, созданных поверх JavaScript. Вы даже можете создавать свои собственные объекты для инкапсуляции связанных функций и переменных в эффективные пакеты. Объектно-ориентированный характер JavaScript важно понимать, если вы хотите углубить свои знания языка и писать более эффективный код, поэтому мы предоставили этот модуль, чтобы помочь вам.Здесь мы подробно обучаем теории объектов и синтаксису, узнаем, как создавать свои собственные объекты, и объясняем, что такое данные JSON и как с ними работать.

     Клиентские веб-API

     При написании клиентского JavaScript для веб-сайтов или приложений вы не продвинетесь далеко, прежде чем начнете использовать API — интерфейсы для управления различными аспектами браузера и операционной системы, на которых работает сайт, или даже данные с других веб-сайтов или Сервисы. В этом модуле мы рассмотрим, что такое API и как использовать некоторые из наиболее распространенных API, с которыми вы часто будете сталкиваться в процессе разработки.

     Новое знакомство с JavaScript

     Краткий обзор языка программирования JavaScript, предназначенный для разработчиков среднего уровня.

     Красноречивый JavaScript

     Полное руководство по методологиям JavaScript среднего и продвинутого уровня.

     Говорит JavaScript

     Для программистов, которые хотят быстро и правильно изучить JavaScript, а также для программистов JavaScript, которые хотят углубить свои навыки и/или изучить определенные темы.

     Основные шаблоны проектирования JavaScript

     Введение в основные шаблоны проектирования JavaScript.

     JavaScript.info — Учебник по современному JavaScript

     Часть 1: Язык. Часть 2: Работа с браузерами.

     Продвинутый уровень

     Руководство по JavaScript

     Полное, регулярно обновляемое руководство по JavaScript для всех уровней обучения, от начального до продвинутого.

     Вы не знаете JS

     Серия книг, посвященных основным механизмам языка JavaScript.

     JavaScript Сад

     Документация по самым причудливым частям JavaScript.

     Изучение ES6

     Надежная и подробная информация о ECMAScript 2015.

     Шаблоны JavaScript

     Коллекция шаблонов и антишаблонов JavaScript, которая охватывает шаблоны функций, шаблоны jQuery, шаблоны подключаемых модулей jQuery, шаблоны проектирования, общие шаблоны, шаблоны литералов и конструкторов, шаблоны создания объектов, шаблоны повторного использования кода, DOM.

     Как работают браузеры

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

     Видео JavaScript

     Коллекция видеороликов JavaScript для просмотра.

     Разработка расширений

     Учебник HTML5 для начинающих с примерами.

     Язык гипертекстовой разметки (HTML) – это язык разметки, используемый для создания веб-страниц.Ответственность за изменение и стандартизацию HTML и других связанных технологий лежит на Консорциуме World Wide Web (W3C).

     HTML5 — это пятая и последняя стандартизация предыдущей версии (HTML4). В HTML5 было внесено много новых изменений в существующие элементы, а также добавлено много новых элементов. Эти новые элементы помогают улучшить читабельность и добавить структуру веб-странице.

     Об этом руководстве

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

     После прохождения этого урока у вас будет

     • Глубокое знание HTML
     • Краткое знание того, как работает Интернет и что такое доменные имена.
     • Как разместить веб-сайт в Google бесплатно.
     • Как разместить свой сайт на платном хостинге для повышения производительности.

     ПРИМЕЧАНИЕ Несмотря на то, что вы можете создать веб-сайт, используя только HTML, вам необходимо использовать каскадную таблицу стилей (CSS) для оформления элементов или, проще говоря, для выравнивания или изменения поведения элементов.

     Зачем мне изучать HTML?

     Разработка веб-сайтов — это не ракетостроение. Вам не нужен технический опыт для написания HTML-кода.

     Веб-дизайнеры-фрилансеры сейчас востребованы, вы можете выполнять дополнительную работу из дома и искать работу на Freelancer.com после изучения HTML и CSS.

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

     Предпосылки

     Вам не нужно иметь никаких технических знаний. Этот урок начнется с нуля.

     Боковая панель

     [OP] Означает, что сообщение является необязательным, оно предоставляет дополнительную информацию, которую не нужно кодировать, но она очень полезна, если вы хотите иметь обширные знания по этому вопросу.

     [AD] Означает, что сообщение предназначено для продвинутых пользователей. Новички могут попытаться понять содержание сообщения, но если они не в состоянии понять, они могут пропустить его и вернуться позже, когда закончат весь курс.

     Пропуск постов [OP] и [AD] не повлияет на будущие уроки.

     Есть сомнения?

     В конце каждой страницы вы можете высказать свои сомнения относительно этой темы в разделе комментариев. Мы постараемся ответить на все ваши вопросы.Если вы обнаружите какие-либо ошибки или ошибки, сообщите об этом в разделе комментариев.

     Примечание:  Все темы в этом руководстве будут завершены к концу января 2015 года. Но вы все равно можете учиться на том, что мы уже опубликовали.

     Не забудьте поделиться этой страницей.

     Лучший онлайн-курс и учебник по HTML

     Бесплатное учебное пособие по HTML на хинди

     Учебное пособие по HTML5 на LearnVern разработано на хинди и доступно бесплатно.Учитесь на своем языке. Учебное пособие по HTML5 на хинди  – это лучший курс, который включает в себя все, что потребуется студенту и освоить HTML5 для обеспечения работы и включает в себя все детали от HTML5 Hello World, на холст HTML5, видео HTML5, функции HTML5, HTML5 Теги и многое другое.

     Основные понятия HTML легко понять. учись и пользуйся. Этот бесплатный онлайн-курс HTML научит вас всему, что вам нужно знать, чтобы начать писать код HTML! Пришло время изучать HTML и CSS! Как только вы начнете изучать HTML5 онлайн-курс вместе с нами, вы поймете, как легко понять и внедрить HTML в Настоящий живой проект.Наш учебник по HTML для начинающих разработан таким образом, что он не требует каких-либо знаний в области кодирования.

     Зачем изучать HTML5?

     HTML является отправной точкой для любого веб-сайта или мобильного присутствия, а HTML5 — новейшая версия HTML. HTML5 изначально поддерживает различные API и даже имеет телефонную и видеоподдержку. Исследование 2016 года показало, что более 60% всех видеоуроков в формате HTML. Это привело многие компании для разработки собственных видеоуроков в формате HTML.Если вы хотите узнать, как создайте свой собственный веб-учебник, программа LearnVern даст вам полезные советы и рекомендации! С этим сертификатом вы можете получить работу в качестве программист HTML, веб-дизайнер или конструктор WordPress. В дополнение Сертификат Skill India от Национальной корпорации развития навыков даст вам преимущество перед другими соискателями. Учебник по HTML оптимизирован для обучения и облегчит вам обучение программированию на идите и начните создавать свои собственные веб-сайты! Вы узнаете о HTML теги, базовый синтаксис HTML, гиперссылки, изображения, таблицы, формы, списки и более.

     Вы ищете учебник по HTML5 ? Вы находитесь на нужное место. Простой в использовании HTML-курс для начинающих. Учебник по HTML предоставляет вам гибкий и доступный способ обучения и совершенствования ваши навыки для изучения новых и возникающих тем. Учитесь у ведущих специалистов отрасли специалистов бесплатно для вас. В конце онлайн-курса HTML у нас есть добавлены вопросы для интервью. Эти вопросы для интервью помогут вам чтобы очистить интервью, на которые у вас есть или на которые вы подаете заявку.HTML Сертификация от Национальной корпорации развития навыков позволяет вам, чтобы построить прочный фундамент, чтобы получить работу своей мечты. С помощью HTML сертификат, вы сможете предложить свой опыт работодателям ищет этот быстро развивающийся навык. Расширенное руководство по HTML для модели в Hindi подготовлен LearnVern таким образом, что мы можем похвастаться тем, что это лучший способ выучить HTML. Однако существует несколько руководств по HTML, Курс LearnVern предназначен для начинающих, не имеющих предварительных знаний об программирование, что делает его идеальным местом для начала.Начать с Учебник по HTML и HTML5 и улучшите свои навыки.

     Начните с курса HTML и HTML5 и улучшите свои навыки. Зарегистрируйтесь сегодня.

     Учиться Верн может помочь вам получить процент роста, который даст вам удовлетворение, необходимое для карьерного роста и роста в этой области. Мы периодически устраиваем живые вебинары, чтобы предоставить информацию о различные курсы. Материалы курса упрощены для улучшения чтения и учусь.Основываясь на отзывах и тестировании, курсы в LearnVern высоко оценены пользователями, и рейтинги постоянно увеличение. Пройдите онлайн-курс HTML и заработайте Skill India Сертификат Национальной корпорации развития навыков. Зарегистрируйтесь для бесплатно сегодня, зарегистрируйтесь и начните учиться прямо сейчас. Надеюсь, вы найдете этот тренинг полезный!

     Лучший учебник по HTML и HTML5 для начинающих

     Вы ищете хороший веб-сайт для учебника по HTML5 с простыми примерами, специально разработанный для начинающих? Если да, пожалуйста, прекратите поиск, вы находитесь в правильном месте, чтобы изучить HTML5 даже без каких-либо предварительных знаний в области HTML.Итак, давайте начнем учиться и желаем вам удачи.

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

     Последним стандартом HTML является HTML5, и он является результатом совместных усилий W3C и WHATWG. Он вводит более эффективную разметку, чтобы исключить использование внешних плагинов, таких как Adobe Flash Player.HTML5 также сводит к минимуму использование языков сценариев и более удобен для SEO. Он не зависит от устройства и поддерживается последними версиями всех основных веб-браузеров.

     На сайте Civilgyan.com я попытался обсудить новые функции и изменения, включенные в эту версию, в простой форме и с достаточным количеством примеров, чтобы каждый мог легко и быстро изучить HTML5. После прочтения этого руководства каждый сможет понять все тонкости HTML5 и весь потенциал этой технологии.Итак, продолжайте и внимательно прочитайте учебник. После изучения руководства по HTML5 зарегистрируйте домен для своего веб-сайта и начните создавать новый веб-сайт с использованием этой новейшей технологии.

     Этот веб-сайт определенно отличается от других доступных руководств по HTML5. Потому что, как и в других руководствах по HTML5, на этом веб-сайте обсуждаются не все элементы HTML5, а основное внимание уделяется элементам, впервые представленным в HTML5, включая несколько очень распространенных старых элементов.

     Учебник по HTML5

     Тип документа в HTML5

     — это специальный тег, который объявляется в самом начале веб-страницы перед тегом .Он отправляет инструкции веб-браузеру о версии HTML. не является тегом HTML, и большинство современных браузеров поддерживают объявление этого тега. Поскольку HTML5 не основан на SGML, ссылка на DTD в объявлении не требуется. Кроме того, этот тег также очень полезен для SEO.

     Ниже показан пример объявления типичного тега типа документа HTML5:

     Например, ниже мы привели простой фрагмент кода HTML5 для создания простой веб-страницы с объявлением типа документа:

     
     <голова>
         
     
     <тело>
         Контент страницы HTML5
     
     
      

     ---

     Тег HTML

     Давайте начнем обсуждение первого тега HTML5.Но прежде чем начать, имейте в виду, что теги бывают двух типов — «открытые теги» и «закрытые теги». Теги, у которых нет закрывающих тегов, называются открытыми тегами. Примерами открытых тегов являются
     , и т. д. С другой стороны, теги, у которых есть закрывающие теги, называются закрытыми тегами. Например, , , и т. д. являются закрытыми тегами. Тег имеет соответствующий закрывающий тег .

     Тег HTML () является корневым элементом и является контейнером всех других элементов или тегов HTML5.Все остальные теги HTML5 должны быть написаны между и . Тег Html информирует браузер о том, что документ является HTML-документом.

     Например, ниже мы показали простой фрагмент кода HTML5 с тегом HTML для создания простой веб-страницы:

     
     <голова>
     
     
     <тело>
     Контент страницы HTML5
     
     
      

     Есть несколько атрибутов HTML-тега.Одним из наиболее широко используемых атрибутов HTML-тегов является «lang». Как используется этот атрибут, показано ниже. «en» представляет язык «английский».

     ---

     Тег HEAD

     Тег заголовка HTML5 () хранит информацию о HTML-документе и очень важен для SEO. Есть несколько других тегов, таких как

     Например, ниже мы показали простой фрагмент кода HTML5 с тегом head для создания простой веб-страницы:

     
     <голова>
     
     
     <тело>
     Контент страницы HTML5
     
     
      

     ---

     КОРПУС Ярлык

     Тег body HTML5 содержит все содержимое документа, такое как текст, изображения, таблицы, ссылки и т. д.Содержимое тега body HTML5 размещается между и и отображается в окне браузера. Поскольку тег body фактически генерирует вывод на экран, поэтому большинство тегов или элементов HTML5 используются внутри тега body.

     Проверьте следующие строки кода, чтобы получить представление о том, как написать тег body HTML5:

     <тело>
     Контент страницы HTML5
     
      

     Например, ниже мы показали простой фрагмент кода HTML5 с тегом body для создания простой веб-страницы:

     
     <голова>
     
     
     <тело>
     Контент страницы HTML5
     
     
      

     ---

     Ярлык ЗАГОЛОВКА

     В HTML5 добавлено несколько новых тегов или элементов.Тег заголовка (

     ) является одним из них. Он используется в качестве заголовка одного или нескольких разделов или в качестве заголовка документа. Тег заголовка HTML5 следует использовать в качестве контейнера вводного содержимого, такого как теги

     —

     , оглавление, форма поиска, логотип и т. д. с навигационными ссылками или без них. В документе HTML5 можно использовать не только элемент заголовка, и обычно он помещается в начало документа или тега

     .

     Необходимо помнить важные моменты:

     1. Теги
        и совершенно разные.
     2. Тег
        не может быть помещен в теги
     3. Элемент заголовка HTML5 поддерживается последними версиями всех веб-браузеров. Internet Explorer 8 или более ранние версии Internet Explorer не поддерживают элемент заголовка.

     Ниже приведены несколько примеров тегов заголовков HTML5:

     Ниже тег заголовка используется как заголовок документа

     <заголовок>
      
     Это заголовок страницы
      
        С некоторой дополнительной информацией
     
      

     Ниже элемент заголовка используется как заголовок статьи

     <статья>
     <заголовок>
      
     Название этой статьи
      
           Виджай Саху
        
        Содержание статьи
     
      

     ---

     Тег нижнего колонтитула

     Тег

   Ниже тега