В этом примере мы научимся создавать простую html страницу с текстом и изучим самые начальные азы html кода.
HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.
содержание
Как создать HTML страницу:
Давайте создадим обычную страницу с текстом «Hello world«.
1. Текстовый редактор
Открываем Ваш любимый текстовый редактор, например блокнот и создаем пустой текстовый файл.
2. html код
Скопируйте в него код приведенный ниже
|
1 2 3 4 5 6 7 8 |
<html> <head> <title>Это текст заголовка</title> </head> <body> Привет Мир </body> </html> |
3. Сохраните его
Нажмите Файл => Сохранить как… и созраните его с расширением HTML документа, например: somename.html
4. Демо
Двойной клик на сохраненном файле откроет его в браузере.
5. Разъяснения по коду
- <html></html> Теги является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <head> и <body>. Открывающий и закрывающий теги <html> в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег <html> идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент <!DOCTYPE>. Закрывающий тег <html> должен всегда стоять в документе последним.
- Текст между тегами <header></header> задает «шапку» сайта или раздела, в которой обычно располагается заголовок <title></title>.
- Текст между тегами <title></title> определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера. Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.
- Текст между тегами <body></body> будет отображаться как контент в браузере.
Для более глубокого изучения html рекомендую http://htmlbook.ru/
