Найти в Дзене
Rirol

Основы HTML #1

Что такое HTML ? Начать думаю надо с этого... ''HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.'' - Википедия Главным элементом каждого кода HTML является <!DOCTYPE <!--здесь должна быть версия языка, за частую html-->>; В коде это выглядит подобным образом: Для формирования страницы используется элемент, как не странно под названием <html>. Забыл пояснить одну важную вещь: В HTML есть самозакрывающиеся и не самозакрывающиеся элементы. Самым распространенным самозакрывающимся элементом является <meta ...>, а самым распространенным не самозакрывающимся элементом является <html>. Для того чтобы закрыть элемент, а правильнее сказать тег нужно прописать его в угловых скобках в начале с знако
Оглавление
HTML pr 1
HTML pr 1

Что такое HTML ?

Начать думаю надо с этого...

''HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.'' - Википедия

Главным элементом каждого кода HTML является <!DOCTYPE <!--здесь должна быть версия языка, за частую html-->>; В коде это выглядит подобным образом:

Для формирования страницы используется элемент, как не странно под названием <html>. Забыл пояснить одну важную вещь: В HTML есть самозакрывающиеся и не самозакрывающиеся элементы. Самым распространенным самозакрывающимся элементом является <meta ...>, а самым распространенным не самозакрывающимся элементом является <html>. Для того чтобы закрыть элемент, а правильнее сказать тег нужно прописать его в угловых скобках в начале с знаком "/". Вот пример: <html></html>.

Формирование сайта

1. Прописать <!DOCTYPE html>

2. Прописать <html></html>

  • 2.1 Пояснение: Между тегами <html> & </html> нужно пропустить немного места для кода сайта. Пример ниже.
Пример
Пример

3. Прописать <head> & </head>

  • 3.1 Пояснение : Внутри тегов <head> & </head> пишутся теги которые помогают браузеру читать информацию с файла. Таковыми ОБЯЗАТЕЛЬНЫМИ тегами являются <meta charset="utf-8"> & <title>ваше название сайта</title>. Давайте разберемся с ними:
  • 3.2 <meta charset="utf-8"> - задает кодировку документа HTML5
  • 3.3 <title> & </title> - Задают название сайту

Пример ниже.

Пример
Пример

Заключение

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

Что получилось
Что получилось