Введение в язык HTML. (Тема 2) презентация

Содержание

План: Предыстория языка; Текущая (актуальная) версия HTML, её возможности и необходимость использования. Структура языка (тэги). Описание тэгов, классификация по написанию, использованию, актуальности. Валидация.

Слайд 1Введение в язык HTML

Слайд 2План:
Предыстория языка;
Текущая (актуальная) версия HTML, её возможности и необходимость использования.
Структура

языка (тэги).
Описание тэгов, классификация по написанию, использованию, актуальности.
Валидация.

Слайд 3HTML 
(от англ. HyperText Markup Language — «язык гипертекстовой разметки») 
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах ЦЕРНа вЖеневе в Швейцарии.

Отличие

от предыдущих версиях:
Наличие функционала
Тэги
Актуальность для поисковиков

Предыстория языка

Слайд 4Текущая (актуальная) версия HTML
На данный момент актуальной версией является HTML 5.

Сильной

стороной данной версии является работа с формами, одни из этих полей: Дата, Время, Пароль, Вэб-адрес, Email.

Так же язык способен работать с аудио, видео информацией, с анимацией.


Слайд 5Почему стоит использовать HTML 5
Данная версия языка существенно сократит время и

реализацию функциональных элементов на сайте, а так же позволит выполнить широкий спектр дизайнерских решений.


Слайд 6Структура языка (тэги)
Сайт представлен в виде тэговых элементов, которые несут смысловую

нагрузку.

Слайд 7Описание тэгов, классификация по написанию, использованию, актуальности.

HTML тэги можно разделить

на следующие типы:
теги верхнего уровня;
теги заголовка документа;
блочные элементы;
строчные элементы;
универсальные элементы;
списки;
таблицы;
фреймы.

Слайд 8Описание тэгов, классификация по написанию
HTML тэги можно разделить она:

Закрывающие
Открывающие 

Слайд 9Открывающие тэги
Первым символом должен быть знак (

быть указаны атрибуты, то следующим символом, должен идти один или более пробелов.
Атрибуты должны отделяться друг от друга одним или более пробелами.
После атрибутов или после имени тэга, если у него нет атрибутов, может быть один или более пробелов.
Затем, если элемент относится к пустым элементам или сторонним элементам, тогда после них может указываться символ (/). Этот символ не произведет никакого эффекта для пустых элементов, но для сторонних элементов этот символ обозначает, что тэг сам себя закрывает.
Самым последним элементом должен идти символ (>).




Слайд 10Закрывающие
Первым символом должен быть знак (

символы повторяют имя тэга, который необходимо закрыть.
После имени тэга может идти один или более пробелов.
Самым последним элементом должен идти символ (>).



Тэг изображения () не нуждается в закрытии.

Слайд 11Использование HTML тэгов
Все HTML тэги должны быть использованы строго по их

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

К примеру:
Для текста, необходимо использовать текстовые теги:

Привет мир



Для ссылки, в тэге использовать текст, как название ссылки:
Ссылка

Слайд 12Актуальные HTML тэги
На данный момент, ряд тэгов поддерживаются браузерами, так же

реализуют весь свой функционал, но по своим признакам считаются устаревшими и негативно воспринимаются поисковиками.

К ним относятся:
- таблицы