Поделиться
1. Web-страницы. Язык HTML.pptx
Web-страницы. Язык HTML
2
Заголовки: H1 … H6
выравнивание:
left,
center,
right
3
Абзацы
переход на новую строку
абзац (с отступами)
И вечный бой! Покой
нам только снится
Сквозь кровь и пыль...
Летит, летит степная
кобылица
И мнет ковыль...
4
Выравнивание
ALIGN="center">
Этот текст выровнен по центру.
ALIGN="justify">
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
left по левой границе
right по правой границе
center по центру
justify по ширине
атрибут тэга
5
Специальные символы
Символ | HTML-код | Название |
– | — | (длинное) тире |
|
| неразрывный пробел |
§ | § | параграф |
© | © | символ авторского права |
« | « | левая русская кавычка |
» | » | правая русская кавычка |
® | ® | зарегистрированная торговая марка |
° | ° | градус |
² | ² | квадрат |
³ | ³ | куб |
¼ | ¼ | четверть |
½ | ½ | половина |
¾ | ¾ | три четверти |
× | × | знак умножения |
÷ | ÷ | знак деления |
6
Маркированные списки
unordered list (неупорядоченный список)
list item (элемент списка)
изменение маркера:
disk
circle ○
square ■
7
Нумерованные списки
ordered list (упорядоченный список)
изменение нумерации:
1, i, I, a, A
8
Списки определений
definition list (список определений)
definition term (термин)
definition description (описание)
9
Многоуровневые списки
10
Тэг FONT – свойства блока текста
цвет текста
размер шрифта
Привет!
Как дела?
Привет!
SIZE=6>
Как дела?
от 1 до 7
(3 – нормальный)
11
Форматирование текста
курсив (italic) | Вася | Вася |
жирный (bold) | Вася | Вася |
подчеркивание (underline) | Вася | Вася |
зачеркивание (strike out) |
| Вася |
верхний индекс (superscript) | Вася2 | Вася2 |
нижний индекс (subscript) | Вася2 |
12
Тэг BODY – общие свойства страницы
цвет фона и текста
цвет гиперссылок
цвет текста
цвет фона
посещенные ссылки
(visited link)
цвет ссылок
атрибуты тэга
13
Цвет гиперссылок
LINK="#FF8C00" VLINK=green ALINK=red>LINK ссылки, на которых не были
VLINK посещенные ссылки
ALINK активные ссылки
14
Линия-разделитель
horizontal rule
ширина в пикселях или процентах
толщина
выравнивание
15
Рисунки в документе
<IMG SRC="flag.jpg">
из той же папки:
из другой папки:
с другого сервера:
image (изображение)
source (источник)
16
Выравнивание
left
right
top
bottom
middle
17
Отступы
VSPACE
HSPACE
18
Другие атрибуты
ALT="Моя фотография" WIDTH=100 HEIGHT=150 BORDER=0>
всплывающая подсказка
надпись на месте рисунка, если его нет
размеры позволяют:
растянуть - сжать
не портить дизайн, если рисунка нет
толщина рамки вокруг рисунка
19
Простейшая таблица
| Таблица из одной строки | из трех столбцов | без указания ширины таблицы и ячеек. |
толщина рамки
TABLE таблица
TR = table row строка таблицы
TD = table data данные таблицы
TH = table header заголовок (жирный, по центру)
20
Размеры
ширина в пикселях или в % от ширины окна браузера
высота в пикселях
всей таблицы:
строки:
ячейки:
ширина в пикселях или в % от ширины таблицы
21
Выравнивание
| По центру, по верхней границе | WIDTH=200>По правой границе, по середине |
всей таблицы:
информации в ячейках:
left,
center,
right
left,
center,
right
top,
middle,
bottom
22
Отступы
| 1 | 2 |
интервал между ячейками
отступ внутри ячеек
CELLSPACING
CELLSPACING
CELLPADDING
CELLPADDING
23
Объединение ячеек
| COLSPAN="3">Привет! | ||
| Вася, | Петя, | Маша! |
| ROWSPAN="3">Привет! | Вася, |
| Петя, | |
| Маша! |
column span охват столбцов
row span охват строк
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
