Презентация, доклад на тему Видеоурок по Web программированию на тему Основы HTML

создаётся абсолютное большинство страниц в Интернете.

картинку, создают таблицы для выравнивания других тегов, позволяют делать отдельные блоки на странице

Язык HTML, несмотря на свою простоту, является необычайно важным для изучения

содержимое веб документов. Каждый тег имеет свое предназначение. Это может быть обозначение начала и конца HTML документа, отображение абзаца или заголовка, показ изображений, таблиц или видео, форматирование текста. Браузеры преобразовывают последовательность тегов в удобночитаемый человеком документ.

HTML теги

на веб странице. Многие из атрибутов заменяемы CSS правилами.
События в HTML — действия пользователя в рамках веб страницы, на которые может отреагировать Javascript. Например, клик мышью, нажатие клавиши на клавиатуре, обновление окна.

символ, букву или знак.
Например   - пробел

Спецсимволы HTML

сайта. Они содержат служебную информацию о Web-странице и ее описание для браузеров и поисковых машин в структурированном виде. Размещаются метатеги внутри тега (заголовка страницы).
Для тега meta допустимы четыре атрибута: content, http-equiv, name и scheme. Из них только обязателен лишь атрибут content.

Метатеги

некоторых пользователей, которые просматривают код. Располагаются внутри тега head и не отображаются на странице. Делятся на две группы:
— информация для браузеров, которая может влиять на отображение страницы;
— информация для поисковых систем и об авторе сайта.

информацию о странице и ее авторе.

По функциям метатеги можно разделить на три группы:

name или http-equiv.
http-equiv - Предназначен для конвертирования метатега в заголовок HTTP.
name - Имя метатега, также косвенно устанавливает его предназначение.

Синтаксис

…

Пример

страницы. Этот тег автоматически вставляют в код страницы почти все генераторы HTML и визуальные HTML-редакторы (Word, FrontPage, DreamWeaver). Смысловой нагрузки практически не несет.

Указывает дату создания сайта.

в сниппетах, то есть показывают его содержимое в результатах поиска в качестве описания страницы. От того, насколько это описание соответствует тому, что ищет пользователь, во многом зависит, перейдет ли он на ваш сайт или на соседний в результатах поиска. Если то, что вы засунули в мете description, не соответствует заголовку страницы и не релевантно (не адекватно) поисковому запросу, в отличие от заголовка, то поисковая машина может выбрать для сниппета другой текст со страницы.
Не нужно давать в этом теге слишком длинное и подробное описание страницы. Рекомендуется ограничиться текстом до 100 символов, так как поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов этого метатега.

name="Reply-to" content="vasya_pupkin@mail.ru">
Указывает способ связи с автором страницы.

Указывает собственника страницы.

content может содержать более одного аргумента, в этом случае аргументы разделяются запятыми или точкой с запятой.

Параметр CONTENT

заголовка ответа HTTP и обрабатывают их, как будто они прибыли непосредственно от сервера.
Синтаксис

Например
Content-Type - Тип кодировки документа.
expires - Устанавливает дату и время, после которой информация в документе будет считаться устаревшей.
refresh - Загрузить другой документ в текущее окно браузера.

Параметр HTTP-EQUIV

заголовок документа
- в тег head обычно вложен тег title, который служит для обозначения наименования страницы
- Определяет все содержимое страницы, кроме заголовка
- этот тег служит для комментариев в тексте кода, полезен для того, чтобы легче найти тот или иной раздел

Обязательные теги HTML- документа

задает URL фонового рисунка.
Bgcolor= - задает цвет фона страницы
Link= - задает цвет ссылок. 
Text= - задает цвет текста. Значение по умолчанию #000000. 
Vlink= - задает цвет посещенных ссылок

Атрибуты тега

сокрытие сценариев Java Script от браузеров, которые не поддерживают их.  Синтаксис:  Текст комментария   Полностью аналогичен старому варианту задания комментариев  Синтаксис: 

Комментарии

самый большой и самый жирный шрифт, а стилю 

назначается самый маленький и самый невзрачный шрифт. Элемент может иметь атрибут align, который указывает отступ left, center или right.  Синтаксис: 
 Текст заголовка 

Шесть уровней заголовков

задает цвет линии,
 height -  высота в пикселах
width - ширина в пикселях или процентах от ширины экрана,
 align-  режим выравнивания, и не имеет конечного тега.  Синтаксис:
 

---

Разделительные линии

---

может иметь вложенный атрибут 
align, который указывает выравнивание данного абзаца left,center, justify или right.
Примечание. Каждый следующий абзац игнорирует заданное для предыдущего абзаца значение align.  Синтаксис:
 

 Текст абзаца 

Элемент

может иметь вложенный атрибут clear, который может принимать значения left, all или right тем самым указывать обтекание текста вокруг плавающих изображений вставленных в текст нестандартным способом.
Каждый следующий абзац игнорирует, заданное для предыдущего абзаца значение clear.  Синтаксис: 
 
Текст может быть отменен тэгами  и 

Элемент

с переходом на новую строку.  Синтаксис: Текст
Элемент

Весь текст, заключенный в тэги 
 и 
 будет визуализирован браузером точно так, как он визуализирован в исходном коде документа. Кроме того, текст выводится моноширинным шрифтом, что значительно упрощает задачу форматирования текста в колонки. Атрибут поддерживается не всеми браузерами, он может иметь атрибут width, который задает ширину отводимого пространства под текст в символах. 
Синтаксис: 
...текст.. .


                                

элементом, функционирующим во многом подобно элементу 

. Если закрывающий тэг 

 опущен, то 

---