Что такое Html 5

HTML — это гипертекстовый язык разметки (HyperText Markup Language), который используется для создания документов в Интернет(веб-страниц). При помощи HTML создается веб-страница, содержащая все нужные элементы. На HTML странице можно разместить простой текст, выделить его жирным или курсивом, вставить ссылку, таблицу, нумерованный или ненумерованный список, картинки, разбить текст на абзацы и разделы, задавать разделам заголовки. Также на HTML страницу можно вставить форму с текстовыми полями, кнопками, выбором вариантов из списка, checkbox’ами и radio элементами. В HTML5 в страницу можно встраивать видео и аудио файлы, рисовать при помощи canvas, делать простые анимации при помощи новых тегов(marquee). В помощь HTML пришли CSS и JavaScript. CSS используется для стилизации HTML элементов. При помощи CSS можно не только изменять цвет текста в блоке, но и делать геометрические фигуры(треугольник, трапецию), рисовать (сердечки, котиков), делать разнообразную анимацию(слайдеры картинок, преоадеры, падающий снег). При помощи JavaScript можно делать на HTML странице разнообразный функционал — ваша страница может перемещать элементы, менять их размеры, делать расчеты(калькулятор), сортировку элементов. А главный плюсом работы с JavaScript является выполнение его скриптов без перезагрузки страницы.

Если вы хотите узнать больше о html, тогда вам точно к https://sezzam.com.ua/kursyi-html-css/. У них вы сможете пройти невероятно интересные курсы и пополнить свой багаж знаний.

 

 

Язык HTML был разработан примерно в 1986-1991 годах британским ученым Тимом Бернерсом-Ли.

 

 

Текстовый документ, содержащий язык разметки HTML, имеет расширение .html или .htm и открывается браузерами. На данный момент самыми популярными браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari.

Версии HTML

 

На данным момент актуальны такие версии HTML:

 

  • HTML 4 (разработан в 1997 году)
  • XHTML (является расширением HTML4 на основе XML)
  • HTML5 (находится в стадии разработки, но уже пользуется большой популярностью)

Структура HTML документа

 

Каждый HTML документ должен начинаться со строки <!DOCTYPE …>, которая указывает на версию HTML и строгость написания и использования HTML элементов (тегов).

 

Для HTML5 данная строка выглядит так:

 

<!DOCTYPE html>

 

Далее следует сам документ, начало и конец которого обозначаются тегами <html> и </html>. Внутри документа есть два основных блока — <head> и <body>.

 

<html>

<head></head>

<body></body>

</html>

 

Начала каждого блока блока обозначается открывающим тегом (<head>), а конец — закрывающим (</head>).

 

В первой части документа, в блоке <head>, содержатся элементы, описывающие документ. Они не отображаются в браузере.

 

В блоке <head> могут содержаться:

 

  • заголовок документа <title>, который устанавливает заголовок страницы в браузере
  • мета теги названию, описания и ключевых слов документа <meta>
  • ссылка на стилевой файл документа <link>
  • ссылки на JavaScript файлы, использующиеся в документе (тег <script>)
  • описание автора документа

 

Второй раздел <body> содержит непосредственно элементы страницы.

 

<html>

<head>

<title>My first page</title>

</head>

<body>

<h1>Page title</h1>

<p>Page description</p>

</body>

</html>

 

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

 

HTML тег — это элемент HTML разметки страницы. Теги бывают открывающими (<html>) и закрывающими (</html>). Некоторые теги не имеют закрывающего — <img src=»/images/1.jpg» />. Также теги бывают блочными и строчными. Блочные теги начинаются с новой строки и переводят следующий элемент на новую строку — <p>, <div>. Строчный элементы отображаются в той же строке — <span>, <b>. При расположении элементов на HTML странице помните, что элементы будут следовать друг за другом, отображаясь сбоку или снизу от предыдущего. Чем ниже описан элемент на HTML странице, тем ниже он будет отображаться. На расположение элемента и его соседей также влияют размеры элемента(width ширина и height высота), его внешние(margin) и внутренние(padding) отступы и границы(border). Фактический размер элемента равен сумме его высоты (ширины), вертикальных(горизонтальных) внутренних отступов и границ. На расположение соседних элементов также влияют его внешние отступы. Но следование элементов можно изменять при помощи различных свойств. Так, например, свойство float отображает блочные элементы в том же ряду. При помощи свойства position элемент можно вытащить из потока и разместить в любом месте страницы, поверх всех элементов и т.д.

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*