FrontendBook | HTML Первое Ознакомление

HTML Первое Ознакомление

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

Что такое HTML?

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

Для чего используется HTML?

HTML используется для создания структуры веб-страниц, отображаемых во всемирной паутине (www). Он содержит теги и атрибуты, которые используются для оформления веб-страниц. Кроме того, мы можем связать несколько страниц с помощью гиперссылок.

Особенности HTML

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

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

  • Это простой язык разметки. Его реализация проста.
  • Он используется для создания веб-сайта.
  • Помогает в разработке основ веб-программирования.
  • Повышение профессиональной карьеры.

Преимущества

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

Недостатки

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

Декларация <!DOCTYPE>

Объявление <!DOCTYPE> представляет тип документа и помогает браузерам правильно отображать веб-страницы. Он должен появиться только один раз в верхней части страницы (перед любыми HTML-тегами). Объявление <!DOCTYPE> не чувствительно к регистру. Каждый HTML-документ начинается с тега HTML-документа. Хотя это не является обязательным, рекомендуется начинать документ с этого тега, упомянутого ниже. Объявление <!DOCTYPE> для HTML5:

<!DOCTYPE html>

Базовый HTML-документ

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

  • <html>: каждый код HTML должен быть заключен между основными тегами HTML. Он начинается с <html> и заканчивается тегом </html>.
  • <head>: Далее следует тег head, который содержит всю информацию о заголовке веб-страницы или документов, такую как заголовок страницы и другую разную информацию. Эта информация заключена в тег заголовка, который открывается с помощью <head> и заканчивается на </head>. Содержание этого тега будет объяснено в последующих разделах курса.
  • <title>: мы можем упомянуть заголовок веб-страницы с помощью тега <title>. Это информация заголовка и, следовательно, упоминается в тегах заголовка. Тег начинается с <title> и заканчивается на </title>.
  • <body>: Следующий шаг — самый важный из всех изученных нами тегов. Тег body содержит фактическое тело страницы, которое будет видно всем пользователям. Открывается с помощью <body> и заканчивается с помощью </body>. Весь контент, заключенный в этот тег, будет отображаться на веб-странице, будь то записи, изображения, аудио, видео или даже ссылки. Позже в этом разделе мы увидим, как с помощью различных тегов мы можем вставлять упомянутое содержимое на наши веб-страницы.