Структура HTML документа презентация

Содержание

Слайд 2

Тег – инструкция браузеру, указывающая способ отображения текста. Тег в

Тег – инструкция браузеру, указывающая способ отображения текста.

Тег в HTML

Тег

всегда начинается со знака «меньше» (<) и оканчивается знаком «больше» (>). Например,
.
Слайд 3

Теги бывают ТЕГ Одиночный ( ) парный (контейнер) открывающий закрывающий

Теги бывают

ТЕГ

Одиночный (
)

парный
(контейнер)

открывающий

закрывающий

Слайд 4

Базовая структура тегов Контейнер

Базовая структура тегов

Контейнер

Слайд 5

Слайд 6

Теги для форматирования текста Задает размер заголовка Заголовки …

Теги для форматирования текста

Задает размер заголовка

Заголовки


Слайд 7

Теги для форматирования текста Создание абзаца …

Теги для форматирования текста

Создание абзаца


Слайд 8

Теги для форматирования текста Начертание шрифта

Теги для форматирования текста

Начертание шрифта

Слайд 9

Теги для форматирования текста Перевод строки

Теги для форматирования текста

Перевод строки

Слайд 10

Теги для форматирования текста Нумерованный список …

Теги для форматирования текста

Нумерованный список


Слайд 11

Теги для форматирования текста Маркированный список …

Теги для форматирования текста

Маркированный список


Слайд 12

Вставка изображений

Вставка изображений

«…»

Слайд 13

Вставка таблиц …

Вставка таблиц


Слайд 14

Вставка гиперссылки текст

Вставка гиперссылки

текст

Слайд 15

Задание 1. компьютер Компьютер и ПО комплектующие

Задание 1.

компьютер Компьютер и ПО

комплектующие


«…»

Слайд 16

Задание 2. Моя первая web – страничка! … … …

Задание 2.

Моя первая web – страничка!




// ссылка на

картинку или другой HTML д-т





Комментарий

Слайд 17

Декларация Тег декларация используется web-браузером для понимания версии HTML, используемой

Декларация

Тег декларация используется web-браузером для понимания версии HTML, используемой

в документе. Текущая версия HTML — 5, и она использует следующее объявление:


Слайд 18

Атрибуты У тегов также могут быть атрибуты. Атрибуты – это

Атрибуты

У тегов также могут быть атрибуты. Атрибуты – это определенная дополнительная

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

<тег атрибут="значение">контент

Ссылка на сайт со списком атрибутов HTML: http://htmlbook.ru/html/attr/

Слайд 19

Пример сложения трех атрибутов к элементу (который используется для создания

Пример сложения трех атрибутов к элементу (который используется для создания

гиперссылки на другую веб - страницу).

Пример работы атрибутов

it-black.ru

href определяет расположение веб - страницы, на которую ведет ссылка.
title обеспечивает некоторую консультационную помощь для пользователя в виде всплывающей подсказки.
target обеспечивает открытие страницы в новой вкладке.

Слайд 20

Универсальные атрибуты Универсальные атрибуты применяют, чтобы расширить ограниченные возможности тегов.

Универсальные атрибуты

Универсальные атрибуты применяют, чтобы расширить ограниченные возможности тегов. Универсальные атрибуты

применяются практически ко всем тегам:

accesskey - Позволяет получить доступ к элементу с помощью заданного сочетания клавиш.
class - Определяет имя класса, которое позволяет связать тег со стилевым оформлением.
contenteditable - Сообщает, что элемент доступен для редактирования пользователем.
contextmenu - Устанавливает контекстное меню для элемента.

Слайд 21

dir - Задает направление и отображение текста — слева направо

dir - Задает направление и отображение текста — слева направо или

справа налево.
hidden - Скрывает содержимое элемента от просмотра.
id - Указывает имя стилевого идентификатора.
lang - Браузер использует значение параметра для правильного отображения некоторых национальных символов.
spellcheck - Указывает браузеру проверять или нет правописание и грамматику в тексте.
Слайд 22

style - Применяется для определения стиля элемента с помощью правил

style - Применяется для определения стиля элемента с помощью правил CSS.
tabindex

- Устанавливает порядок получения фокуса при переходе между элементами с помощью клавиши Tab.
title - Описывает содержимое элемента в виде всплывающей подсказки.
xml:lang - Этот атрибут по своему действию похож на lang, но применяется только в XHTML-документах и указывает язык всего текста или его фрагмента.

Ссылка на сайт с примерами универсальных атрибутов:
http://htmlbook.ru/html/attr/common

Имя файла: Структура-HTML-документа.pptx
Количество просмотров: 120
Количество скачиваний: 0