Основы html: Как создать HTML страницу

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

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

содержание

Как создать HTML страницу:

Давайте создадим обычную страницу с текстом «Hello world«.

1. Текстовый редактор

Открываем Ваш любимый текстовый редактор, например блокнот и создаем пустой текстовый файл.

2. html код

Скопируйте в него код приведенный ниже

3. Сохраните его

Нажмите Файл => Сохранить как… и созраните его с расширением HTML документа, например: somename.html

leodev.ru

4. Демо

Двойной клик на сохраненном файле откроет его в браузере.

5. Разъяснения по коду

  1. <html></html> Теги  является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <head> и <body>. Открывающий и закрывающий теги <html> в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег <html> идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент <!DOCTYPE>. Закрывающий тег <html> должен всегда стоять в документе последним.
  2. Текст между тегами <header></header>  задает «шапку» сайта или раздела, в которой обычно располагается заголовок <title></title>.
  3. Текст между тегами  <title></title> определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера.  Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.
  4. Текст между тегами <body></body> будет отображаться как контент в браузере.

Для более глубокого изучения html рекомендую http://htmlbook.ru/

Подписаться
Уведомлять о
guest

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

0 комментариев
старым
новым колличеству голосов
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
Leo Dev Blog | LD
Обзор конфиденциальности

На сайте используются обязательные и аналитические файлы cookie.

Обязательные cookie необходимы для корректной работы сайта.

Аналитические cookie используются для анализа посещаемости и улучшения работы сайта.

Вы можете изменить настройки использования cookie.