Поделиться
Презентация Основные тэги HTML.pptx
Основные тэги HTML
Создание документа на языке HTML аналогично программированию. В обычный текст вставляются специальные коды, называемые тегами.
HTML – Это язык разметки текста, используемый при создании Web-документов.
Служит для описания структуры документов, позволяя управлять форматированием текста, размещать графические и мультимедийные иллюстрации с помощью специальных кодов.
Так выглядит HTML-документ при его создании в блокноте
Тэги – это команды, с помощью которых выполняется разметка исходного текста в web-документах.
Каждый тег имеет специальное назначение
Существуют теги позволяющие создавать заголовки различных уровней, разделять текст на абзацы, строить таблицы, задавать ссылки.
Тэги не отображаются при просмотре гипертекстовой информации, но они необходимы для форматирования текста, вставки гиперссылок, различных объектов
Основные тэги
Тэги заключаются в угловые скобки и могут быть одиночными или парными.
Парные содержат открывающий и закрывающий тег. Такая пара называется контейнером. Парные тэги ограничивают область применения команды, например, если мы хотим указать, что часть текста должна быть заголовком 1–го уровня, то этот текст ограничивается соответствующими открывающим и закрывающим тэгами:
Обязательные тэги (дескрипторы), определяющие структуру
- начало страницы
- оформление заголовка страницы
- начало страницы
... содержимое заголовка... невидимая часть
... Текст ...
видимая часть – содержимое web-страницы
Структурные теги HTML
Атрибуты тегов
Атрибуты уточняют действие тега
< имя_тега имя_атрибута=‘значение’>
Работа с текстом
– установка размера шрифта
ваш текст
- создание абзаца
Выравнивание текста абзаца
<Р ALIGN="left”>Абзац выровнен влево
<Р ALIGN="center" > Абзац выровнен по центру
<Р ALIGN="right“ > Абзац выровнен вправо
<Р ALIGN="justify”> Абзац выровнен по ширине
Цвет текста и фона Web-страницы
белый – white
бирюзовый – teal
желтый – yellow
зеленый – green
золотой – gold
красно-коричневый – maroon
красный – red
лимонный – lime
морской волны – aqua
фуксиновый – fuchsia
черный – black
пурпурный –purple
серебряный – silver
серый- gray
синий – blue
темно-голубой - navy
оливковый – olive
<FONT COLOR = ‘red’> - цвет шрифта
<BODY BGCOLOR = ‘yellow’> - цвет фона страницы
Вставка рисунка
Выравнивание по правой стороне
Ссылка на файл
Выравнивание рисунка и текста страницы
Для выравнивания рисунка относительно текста документа атрибуту ALIGN присваивается следующие значения:
LEFT – рисунок выравнивается по левому краю
RIGHT – рисунок выравнивается по правому краю
Для выравнивания текста абзаца, в который добавлен рисунок, атрибуту ALIGN присваивается следующие значения:
TOP – текст выравнивается по верхнему краю рисунка
MIDLE – текст выравнивается по средней линии рисунка
BOTTOM – текст выравнивается по нижнему краю рисунка
Текст по середине
middle
Текст по верхнему краю
top
Текст выровнен по нижнему краю
bottom
Выравнивание рисунка и текста страницы
Нумерованный список
Для создания нумерованного списка
используется комбинация двух пар
тэгов.
По умолчанию пункты списка нумеруются последовательно цифрами 1, 2, 3 и т.д.
Чтобы изменить тип нумерации пунктов списка используют атрибут TYPE тега
Значение атрибута type | Тип нумерации пунктов списка |
“1” | 1,2,3,4 |
“i” | i,ii,iii,iv |
“I” | I,II,III,IV |
“A” | A,B,C,D |
“a” | a,b,c,d |
Маркированный список
Для создания маркированного списка
используется комбинация двух пар
тэгов.
С помощью атрибута TYPE можно изменить тип маркера. Установка атрибута TYPE в тэге
<Н2> Маркированный список
• - disk
○ - circle
■ - square
Значение атрибута TYPE в маркированном списке
Многоуровневый список
Многоуровневый список – сочетание тегов
Гиперссылка
Гипертекст – документ, содержащий ссылки на другие документы. Информация, подготовленная в виде гипертекста, это электронная информация, и работать с ней можно только на компьютере. Чаще ссылка выделяется на фоне экрана монитора с помощью изменения цвета и подчеркивания.
Гиперссылка – это выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши. Гипертекст связывает множество документов с помощью гиперссылок.
Далее
Назад
Гиперссылка
Гиперссылка задаётся при помощи при помощи тэга с атрибутом href=имя_файла:
текст или рисунок
Гиперссылка на другие Web-страницы
Гиперссылка на графические файлы
Гиперссылка на звуковые файлы видеоклипы
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
