В данной презентации "Основы языка HTML" Вы можете найти понятия HTML-документов, тегов и атрибутов. Также как создаются HTML-документы, списки и таблицы HTML-документах. Рассмотреть примеры.
Просмотр содержимого документа
«Основы языка HTML»
Основы языка HTML: тэги, атрибуты тэгов, списки, таблицы
МОУ «Ропшинская школа»
Хирьянова В.А.
HTML-документ
HTML-документ – это обычный текстовый документ, содержащий специальные разметочные указатели (тэги).
HTML-файл имеет расширение .htm или .html
Теги
Тэг – инструкция браузеру, указывающая способ отображения текста.
ПРАВИЛА ЗАПИСИ ТЭГОВ
Тэг всегда начинается со знака «меньше» () Например:
Виды тегов
Одиночный 2. Парный (контейнер)
открывающий
закрывающий
СТРУКТУРНЫЕ ТЭГИ
Всё содержимое файла Интернет-страницы заключается в контейнер …, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать.
СТРУКТУРНЫЕ ТЭГИ
начало контейнера HTML-документа
начало контейнера заголовка
начало контейнера строки – названия страницы
…
строка названия страницы
конец контейнера строки – названия страницы
конец контейнера заголовка
начало контейнера тела страницы
…
тело (всё содержимое) страницы
конец контейнера тела страницы
конец контейнера HTML-документа
Рассмотрим пример
Списки в HTML-документах
Списки в HTML-документах могут быть следующих видов:
Неупорядоченные (маркированные) списки
Упорядоченные (нумерованный) списки
Многоуровневые списки
Неупорядоченные (маркированные) списки
Необходим следующий HTML-код:
Первый элемент
Второй элемент
Третий элемент
Например, для того чтобы создать вот такой список:
Первый элемент
Второй элемент
Третий элемент
Текст нужно расположить между тэгами
и
.
А каждый новы элемент начинается с метки
Атрибуты тэга
TYPE определяет вид маркера. Может иметь значения:
disk - закрашенный кружок
square – закрашенный квадратик
circle – не закрашенный кружок
По умолчанию используется type=‘’disc’’
Пример написания:
Упорядоченные (нумерованный) списки
Текст нужно расположить между тэгами и .
Необходим следующий HTML-код:
Например, для того чтобы создать вот такой список:
Первый элемент
Второй элемент
Третий элемент
Первый элемент
Второй элемент
Третий элемент
Атрибуты тэга
TYPE определяет стиль нумерации пунктов. Может иметь значения:
А – Нумерация заглавными латинскими буквами
а - Нумерация маленькими латинскими буквами
I – нумерация большими римскими цифрами
i- нумерация маленькими римскими цифрами
1 - нумерация арабскими цифрами
START определяет первое число, с которого начинается нумерация пунктов (используйте только целые числа)
По умолчанию используется type=‘’1’’, start =‘’1’’.