htmlРасшифровывается как HyperText Markup Language — это язык разметки сайтов. В отличие от PHP, этот язык читается (интерпретируется) браузерами. Самая актуальная версия HTML на сегодняшний день это HTML 5. Файлы, содержащие HTML разметку имеют расширение *.htm или *.html (более распространено). Такие файлы открываются любым современным браузером.

Что можно делать в хтмл

При помощи веб-языка html можно сделать что угодно: от обычной ссылки (a) до целой таблицы (table). За красивый вывод отвечает совсем другой веб язык — CSS, его можно подключить без проблем с помощью <style>правила стилей</style> или включить в HTML файл CSS файл. Способов подключения существует множество, но самый правильный и распространенный это <link rel=»stylesheet» type=»text/css» href=»путь_to_css/style.css» />. Теги HTML имеют вид: «<название_тега атрибуты_если_они_есть_типа_style=»параметр_атрибута»>текст(анкор), в некоторых тегах он нужен, а в некоторых нет</название тега>. Тег может выглядеть так: <a href=»http://bestexample.co» rel=»nofollow» title=»Ссылка, ведущая на bestexample.co»>Ссылка, ведущая на bestexample.co</a>. Поясню, что значит и обозначает каждая часть тега этого примера:

<a — дает определение браузеру, что это ссылка, а не другой тег. Именно это название «a» передает браузеру правильный тег и в результате этого все будет правильно. Вы можете использовать любой тег, «a» это самый распространенный, тегов в HTML вагон и маленькая тележка
href — атрибут, в данном случае это href
=»http://bestexample.co» — ссылка, тоесть значение атрибута href
rel — еще один атрибут, который указывает поисковикам на индексирование ссылки
=»nofollow» — указывает поисковикам на то, что ссылка не должна индексироваться или значение атрибута rel
title — атрибут, который показывает посетителям подсказку, если навести на ссылку, например.
=»Ссылка, ведущая на адвего» — сама подсказка, которая будет показываться посетителям или значение title
> — после этого символа идет анкор
ваш супер сайт — анкор, заключать его в кавычки не нужно
</a> — эта часть указывает браузеру на то, что тег закрыт и читать его не нужно. Если у вас не ссылка, замените a на нужный вам тег

Правильная разметка HTML файла:

Все творческие процессы начинаются с очень просто тега. Он закомментирован, поэтому нигде не отображается. Его видят только браузеры, а так же, его можно увидеть, если посмотреть исходный код страницы.
<!DOCTYPE HTML>
Дальше идет тег html, тоже самый главный, он аналогично тегу <!DOCTYPE HTML> говорит браузеру, что это хтмл страница.
<html>тут head, body и т.д. О них написано ниже</html>
В тег <html> еще нужно вставить заголовок, обычно обозначается он так
<head>тут навигационный бар, заголовок, мета-теги и все остальное</head>
Так же, можно вместо head использовать header, но первый вариант все же лучше и современнее
После нашего заголовка идет тело страницы со всеми картинками и текстами — body. В нем хранится весь текст, ссылки, изображения и т.д.
<body>тут страница, ссылки и т.д.</body>
Затем все это лаконично завершите закрывающим тегом </html>, про который мы говорили в самом начале разметки

Обратный звонок
×
Оформить заявку
×
Отправить сообщение
×