ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. HTML-теги HTML-тег напоминает переключатель, с помощью которого вы что-то включаете или выключаете в вашем браузере. Теги могут. - презентация

1 ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА

2 HTML-теги HTML-тег напоминает переключатель, с помощью которого вы что-то включаете или выключаете в вашем браузере. Теги могут быть написаны заглавными и строчными буквами. Наиболее мудро в тегах использовать заглавные буквы, чтобы они выделялись в тексте.... Теги, в основном, используются попарно. Открывающий тег включает, закрывающий тег выключает.... Иногда теги имеют один или несколько атрибутов. Атрибуты предоставляют дополнительную информацию для браузера. Тег говорит браузеру ЧТО делать, а атрибут говорит КАК это делать....

3 Всегда обращайте внимание на порядок расположения тегов: Верно: Неверно: HTML-теги

4 простое название содержание страницы простое название содержание страницы простое название содержание страницы простое название содержание страницы Структура HTML-документа

5

6 Параметры документа задаются через тег. Параметры – это специальные символьные команды, которые «понимает» браузер. Атрибуты тега BODY bgcolor цвет фона задан по схеме RGB (Красный Зеленый Синий), 6-разрядное шестнадцатеричное число (#RRGGBB) или имя цвета (например red - Красный, green - Зеленый, blue - Синий) backgroundфон - графический файл textцвет текста linkцвет ссылки alinkцвет активной ссылки vlinkцвет посещенной ссылки Параметры документа

7 Заглавие документа Это наш пример!!! Параметры документа: пример

8 Атрибуты тега META descriptionописание документа keywords ключевые слова, разделенные запятыми Индексирование документы HTML-документы могут содержать набор ключевых слов и других вспомогательных параметров, такие как заглавие, описание сайта, авторство для индексирования и лучшего нахождения поисковыми системами страницы. Эти параметры обозначены в META-тегах.

9 Для здания кодировки используется тег META, стоящий в теге HEAD. Атрибуты тега для задания кодировок: http-equivcontentкодировка Content-Type text/html; charset=windows Кириллица Windows Content-Type text/html; charset=KOI8-R Кириллица KOI8-R Content-Type text/html; charset=iso Кириллица ISO другие кодировки... Кодировка страницы

10 Заглавие документа Вася Содержание документа: автоматически отображается на Кириллице! Кодировка страницы: пример

11 В HTML существуют специальные теги для заголовков: от Н1 (самого крупного) до Н6 (самого мелкого): Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5 Заголовок 6 Заголовки

12 Boldжирный Italicнаклонный Underline подчеркнутый Strikethrough зачеркнутый Bold Italic Underline Strikethrough Bold & Italic Стили текста

13 Шрифт задаётся тегом FONT. Цвет, размер и шрифт выбраны. Атрибуты тега FONT Face имена шрифтов, разделенные запятыми Sizeразмер от 1 до 7 (по умолчанию 3) Colorцвет шрифта Шрифт

14 Неразрывный пробел – (non-breaking space). Перенос строки – Размещение текста в том виде, в котором он представлен –... Пример: Предварительное форматирование текста // * // Mitsubishi Galant Mitsubishi Galant. Начало нового абзаца! Предварительное форматирование

15 Верхний индекс - тег SUP, а нижний - SUB. X 3 A 3 Верхние и нижние индексы

16 Тег нового абзаца Значение CENTER - центрирование Значение RIGHT - выравнивание по правому краю. Значение LEFT - выравнивание по левому краю Выравнивание Атрибут тега ALIGNВЫРАВНИВАНИЕ leftпо левой границе centerпо центру rightпо правой границе justifyпо ширине

17 Графика на Web-страницах На Web-страницах возможно размещать графическую информацию. Желаемым условием графики в сети является небольшой размер файлов, наиболее часто реализуется в форматах GIF и JPEG. ФорматДиапазон цветов Прозрачност ь Анимация GIFот 2 до 256Да JPEG 16 милионов или 256 оттенков (Grayscale) Нет

18 Для публикаций изображений используется тег IMG: Графика на Web-страницах Атрибуты тега IMG SRCимя графического файла и путь до него WIDTHширина изображения в пикселах HEIGHTвысота изображения в пикселах BORDERширина рамки вокруг изображения в пиксели ALTальтернативный текст изображения ALIGNрасположение на экране: Left - слева, Right – справа

19 Картинку можно разместить справа от текста... Графика на Web-страницах: пример

20 Атрибут ALIGN дает возможность разместить текст на Web-странице между двумя изображениями... Графика на Web-страницах: пример

21 Этот текст выровнен по верхней кромке изображения Графика на Web-страницах: пример Этот текст выровнен по средней оси изображения Этот текст выровнен по нижней кромке изображения

22 Графика на Web-страницах: пример

23 Ссылки на Web-страницах Ссылки служат для перехода с одной страницы на другую, перенаправление по протоколам ссылок и прочее. Реализуются с помощью тега A. Атрибуты тега A href Имя и путь к странице Интернет-адрес с именем протокола: Ссылка отправления письма на mailto: Переход на ссылку внутри документа # target имя окна, в которое отправит ссылка: _blank - открывает ссылку в новом окно браузера _top - окно стоящее поверх остальных _parent - открывает ссылку в родительском окне (по умолчанию) name имя ссылки в документе

24 Ссылки на Web-страницах Ссылка в пределах одного сайта: Заходите в гости! Ссылка на ресурс Интернет: Ссылка на сайт гимназии 6 Ссылка на ресурс Интернет: Текст является ссылкой на документ example.html на сайте в папке HTML Ссылка на адрес электронной почты: Присылайте письма!

25 Ссылки на Web-страницах Ссылка на метку внутри данного документа: Переход по метке – переход к строке этого же документа, помеченной Картинка-ссылка Ссылка на произвольный файл: Скачать программу

26 Ссылки на Web-страницах Абсолютные ссылки: Текст является ссылкой на документ example.html на сайте в папке HTML Относительные ссылки: Ссылка на файл example.html лежащий в папке HTML сайта Относительные ссылки:

27 Списки на Web-страницах МАРКИРОВАННЫЕ СПИСКИ: – начало текста списка – начало каждого элемента в списке Раз Два Три Четыре Пять Атрибут TYPE позволяет изменить вид маркера: ЗначениеПример circle disk square Раз Два Три Четыре Пять

28 Списки на Web-страницах НУМЕРОВАННЫЕ СПИСКИ: – начало текста списка – начало каждого элемента в списке Раз Два Три Четыре Пять Атрибут TYPE позволяет изменить стиль нумерации: ЗначениеПример AA, B, C aa, b, c II, II, III iI, ii, iii 11, 2, 3 Раз Два Три Четыре Пять

29 Списки на Web-страницах Атрибуты START и VALUE позволяют изменить порядок нумерации списка: START – дает возможность присвоить начальному элементу номер, отличный от 1; VALUE – принудительно назначает элементу произвольный номер. Иванов Сидоров Пупкин

30 Списки на Web-страницах Список с несколькими уровнями вложенности: форматирование текста жирность; наклон; цвет работа с абзацами

31 Списки с графическими маркерами Картинки для маркеров должны быть небольшого размера, соответствовать форматированию текста. Образцы маркеров можно найти на сайтах: и Раз Два Три Четыре Пять Для указания способа вертикального выравнивания текста относительно границ маркеров можно воспользоваться атрибутом ALIGN (top, middle, bottom) тега IMG: Раз Атрибут HSPACE тега IMG позволит отделить картинку маркера от текста: Раз