Презентация на тему HTML #1

Используемый для разметки документов в сети интернет. HTML “рендерится”

(отображается, исполняется) в браузерах. Таким образом, может отображаться на всех устройствах (мобильные, планшеты, стационарные компьютеры и т.п) где есть установленный браузер.

lang="ru">

...

документа, подключение стилей отображения -->


...

применяться с настройками (атрибутами) или без них. Текст или

другой контент “внутри” тега отображается в зависимости от типа, и названия тега а также в зависят от того какие атрибуты “стоят” у тега.

tag content

текста




Пункт 1
Пункт 2
Пункт 3

html

браузер

(указание спецификации) -->
- создан для того что бы

браузер понимал согласно какому стандарту и версии отображать веб-страницу.


пример: () - html 4.01


примечание: W3C (World Wide Web Consortium) — организация, разрабатывающая и внедряющая технологические стандарты интернета.

Больше никаких элементов внутри него лежать не должно.





примечание:

без тега документ всё равно отобразится, но написание его принято мировым сообществом, поэтому его применение обязательно!

браузером. В этот тег вносятся настройки документа, метатеги, теги

для распознавания сео, заголовок страницы, подключение стилей и т.п.

...

примечание: search engine optimization, SEO — комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей с целью продвижения сайта.

Которое отобразится в заголовке вкладки или строке состояния (у

очень старых браузеров).

html

информации. Может выставляться как на сервере, так и прямо

в документе. Текущий общепринятый стандарт - UTF-8

html

документ (utf-8) открытый в кодировке windows-1251

По ним робот считывает информацию о странице.

для сайта"/>

html

этот тег помещаются вся остальная разметка и подключения скриптов

javaScript.

...

я не отображаюсь -->
В разных языках есть разный синтаксис

для написания комментариев.
В HTML - это конструкция вида:




Все что внутри конструкции никак не влияет на код и не отображается браузером.
Комментировать стоит начало больших логических блоков в коде, но не стоит ими злоупотреблять и “засорять” код разметки.

Для того что бы переходить от одного документа к

другому существует тег ссылки -
(Anchor Tag)

html

браузер

ссылка. Может быть сторонним ресурсом или локальным файлом (так

же может быть указан идентификатор блока на странице до которого стоит прокрутить страницу).

title - добавляет всплывающую подсказку для ссылки.

download - указывает что файл по ссылке нужно не открыть, а скачать.

target - указывает в каком окне открыть ссылку (в текущем или в новом).

и относительными.

Абсолютный путь - ищет файл от “корневой папки”

в зависимости от конфигурации сервера (начинается со слеша).

Относительный путь - ищет файл от текущего файла где прописан путь (начинается с точек).

“проскроллить” до нужного блока на странице. Это называется переход

по якорю.

следует обработать href