Поделиться
Презентация Основные тэги HTML.pptx
Основные тэги HTML
Создание документа на языке HTML аналогично программированию. В обычный текст вставляются специальные коды, называемые тегами.
HTML – Это язык разметки текста, используемый при создании Web-документов.
Служит для описания структуры документов, позволяя управлять форматированием текста, размещать графические и мультимедийные иллюстрации с помощью специальных кодов.
Так выглядит HTML-документ при его создании в блокноте
Тэги – это команды, с помощью которых выполняется разметка исходного текста в web-документах.
Каждый тег имеет специальное назначение
Существуют теги позволяющие создавать заголовки различных уровней, разделять текст на абзацы, строить таблицы, задавать ссылки.
Тэги не отображаются при просмотре гипертекстовой информации, но они необходимы для форматирования текста, вставки гиперссылок, различных объектов
Основные тэги
Тэги заключаются в угловые скобки и могут быть одиночными или парными.
Парные содержат открывающий и закрывающий тег. Такая пара называется контейнером. Парные тэги ограничивают область применения команды, например, если мы хотим указать, что часть текста должна быть заголовком 1–го уровня, то этот текст ограничивается соответствующими открывающим и закрывающим тэгами:
заголовок страницы
.
Одиночные тэги только указывают место в документе, где надо разместить тот или иной объект
Теги могут записываться прописными и строчными буквами
Обязательные тэги (дескрипторы), определяющие структуру
- начало страницы
- начало страницы
Структурные теги 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 в маркированном списке
Многоуровневый список
Многоуровневый список – сочетание тегов
Гиперссылка
Гипертекст – документ, содержащий ссылки на другие документы. Информация, подготовленная в виде гипертекста, это электронная информация, и работать с ней можно только на компьютере. Чаще ссылка выделяется на фоне экрана монитора с помощью изменения цвета и подчеркивания.
Гиперссылка – это выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши. Гипертекст связывает множество документов с помощью гиперссылок.
Далее
Назад
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
