Oсновы HTML

Download Report

Transcript Oсновы HTML

Oсновы HTML

Hyper Text Markup Language

Идеологи

Тим Бернерс-Ли

британский учёный

(1989) Тед Нельсон -

американский социолог, изобретатель гипертекста

( 1965)

Структура документа HTML

• • • • • • Политика •

Hello, Pete

• •

Теги

• text полужирный шрифт • text курсив • • Размер букв 1-7, шрифт, • цвет =“#996633” • Шестнадцатиричный код •

заголовок

6 вариантов 1-6

Основные теги

•

Заголовок

•

тег абзаца

•
в конце абзаца переводит строку без добавления пустой строки.

•

добавление горизонтальной линии • Теги
,
одиночные

Атрибуты для форматирования текста

• align=“left” – выравнивание влево; • align=“right” – выравнивание вправо; • align=“center” – выравнивание по центру • align=“justify”– выравнивание по ширине • Пример:

текст

Форматирование шрифта

• задание стандарта для всего текста (одиночный тег); • text • цвет фона • текст комментария • (внутри комментария нельзя использовать знак ‘ > ’ )

Управление стилем шрифта

цитата (курсив) (вместо ) полужирный шрифт (вместо ) курсив определение (курсив) подчеркивание текста зачеркивание текста

Вставка рисунков

• (image source) • Атрибуты размера: • width=“100” - ширина в пикселях • height=“50”- высота ; border =“5”- рамка • атрибуты выравнивания: • align = left, right, middle, top, bottom – • Форматы .gif .jpg .png •

Списки

•

    •
  • (неупорядоченный список) Внешние устройства ПК
    • • •
  • •
Внутренние устройства ПК ……..

•

    •
  1. (нумерованный список) Принтер
    2. •
  2. •
  3. Сканер
    4. Монитор • •
(номера добавляются автоматически)

Структура таблицы

…
… … …

Таблица 2*2

• • • •

• • • • • •
Товары Услуги
Фирма Отчет
(тег строки) (теги ячейки)