Получите свидетельство
Вход
Основные тэги HTML
Информатика 11 класс
Литвиненко Р.И. МБОУ «СОШ 9»
Г. Таштагол
HTML – Это язык разметки текста, используемый при создании Web-документов .
Служит для описания структуры документов, позволяя управлять форматированием текста, размещать графические и мультимедийные иллюстрации с помощью специальных кодов.
Так выглядит HTML-документ при его создании в блокноте
Создание документа на языке HTML аналогично программированию. В обычный текст вставляются специальные коды, называемые тегами.
Тэги – это команды, с помощью которых выполняется разметка исходного текста в web-документах.
Каждый тег имеет специальное назначение
Существуют теги позволяющие создавать заголовки различных уровней, разделять текст на абзацы, строить таблицы, задавать ссылки.
Тэги не отображаются при просмотре гипертекстовой информации, но они необходимы для форматирования текста, вставки гиперссылок, различных объектов
Основные тэги
- Тэги заключаются в угловые скобки и могут быть одиночными или парными.
- Парные содержат открывающий и закрывающий тег. Такая пара называется контейнером. Парные тэги ограничивают область применения команды, например, если мы хотим указать, что часть текста должна быть заголовком 1–го уровня, то этот текст ограничивается соответствующими открывающим и закрывающим тэгами:
заголовок страницы .
- Одиночные тэги только указывают место в документе, где надо разместить тот или иной объект
- Теги могут записываться прописными и строчными буквами
Обязательные тэги (дескрипторы), определяющие структуру
- начало страницы
- оформление заголовка страницы
…
- текст и основная часть страницы
Структурные теги HTML
- начало страницы
... содержимое заголовка... невидимая часть
… название страницы ...
... Текст ...
видимая часть – содержимое web-страницы
Атрибуты тегов
Атрибуты уточняют действие тега
Работа с текстом
– установка размера шрифта
ваш заголовок
ваш текст
- создание абзацаALIGN=“left” – выравнивание текста по левой стороне
ALIGN=“right” – выравнивание текста по правой стороне
ALIGN=“center” – выравнивание теста по центру
ALIGN=“justify” - выравнивание теста по ширине
… - не позволяет разрывать текст на строке
- прерывание текста, перенос на следующую строку
.. - жирный
.. - курсив
.. - подчеркивание
.. - перечеркивание
Выравнивание текста абзаца
- Абзац выровнен влево
- Абзац выровнен по центру
- Абзац выровнен вправо
- Абзац выровнен по ширине
-
Этотoт текст всегда должен оставаться в одной строке
- цвет шрифта BODY BGCOLOR = ‘yellow’ - цвет фона страницы " width="640"
Цвет текста и фона 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
Текст выровнен по нижнему краю
bottom
Текст по верхнему краю
top
Нумерованный список
Для создания нумерованного списка
используется комбинация двух пар
тэгов.
- ...
нумерованного списка,
Например,
Типы списков
Нумерованный
Маркированный
Многоуровневый
- По умолчанию пункты списка нумеруются последовательно цифрами 1, 2, 3 и т.д.
- Чтобы изменить тип нумерации пунктов списка используют атрибут TYPE тега
- .
- Значения атрибута TYPE
Значение атрибута type
“ 1”
Тип нумерации пунктов списка
“ i”
1,2,3,4
i,ii,iii,iv
“ I”
“ A”
I,II,III,IV
“ a”
A,B,C,D
a,b,c,d
Маркированный список
Для создания маркированного списка
используется комбинация двух пар
тэгов.
...
устанавливают начало и конец маркированного списка,
С помощью атрибута TYPE можно изменить тип маркера. Установка атрибута TYPE в тэге
- применяет тип маркера ко всем пунктам списка. Данный атрибут в дескрипторе
- изменяет маркер текущего пункта, сохраняя прежними маркеры остальных пунктов списка
• - disk
Значение атрибута TYPE в маркированном списке
○ - circle
■ - square
Маркированный список
- Яблоко
- Груша
- Слива
- Вишня
- Черешня
Многоуровневый список
Многоуровневый список – сочетание тегов
- и
- Нумерованный
- Пункт 1
- Пункт 2
- Пункт 3
- в нужных вариантах
Многоуровневые списки
Маркированный
- Первый вариант
- Второй вариант
- Третий вариант
Смешанный
Гиперссылка
- Гипертекст – документ, содержащий ссылки на другие документы. Информация, подготовленная в виде гипертекста, это электронная информация, и работать с ней можно только на компьютере. Чаще ссылка выделяется на фоне экрана монитора с помощью изменения цвета и подчеркивания.
- Гиперссылка – это выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши. Гипертекст связывает множество документов с помощью гиперссылок.
Далее
Назад
Гиперссылка
- Гиперссылка задаётся при помощи при помощи тэга с атрибутом href=имя_файла :
- текст или рисунок
- Гиперссылка на другие Web-страницы
- Гиперссылка на графические файлы
- Гиперссылка на звуковые файлы видеоклипы
Основные тэги HTML (559.17 KB)
0
1376
66
Нравится
0
