Лекция №2 -Оформление текста в HTML
.pdfHTML пробел из таблицы специальных символов
HTML пробел позволяет увеличить расстояние между словами и символами.
Что касается пробелов между словами, то сколько бы не было их в Блокноте, то есть в исходном коде, на web-странице отобразится только один. Если вам понадобится увеличить растояние – используйте символ пробела из таблицы символов.
Зачем нужны эти закодированные значения обычных символов?
HTML спецсимволы или специальные символы
HTML спецсимволы или специальные символы
HTML спецсимволы или специальные символы
Способы отображения HTML абзаца
<html>
<title>Абзац в HTML</title> </head>
<body style="background-color:#ffee77"> <p><blockquote>Отступ слева с использованием тегов.</blockquote></p>
<p style="text-indent:100px">Отступ слева с использованием CSS атрибута.</p> </body>
В первом случае абзац выводится тегами <blockquote> </blockquote>, а
во втором случае — с помощью CSS атрибута text-indent и его значения,
которое устанавливается в пикселях и может иметь любую величину, что бывает очень удобно.
HTML линия горизонтальная и вертикальная
Горизонтальная HTML линия определяется непарным тегом <hr />.
HTML линия может быть не только горизонтальной, но и вертикальной.
Вертикальная линия в HTML может являться стороной блока или ячейки таблицы.
Линия в HTML бывает любого размера и цвета, имеет или не имеет объемность.
HTML линия горизонтальная и вертикальная
<html>
<head>
<title>Горизонтальная линия в HTML</title> </head>
<body>
<hr align="center" width="100" size="2" color="#ff0000" /> <br />
<hr align="left" width="300" size="4" color="#ff9900" /> <br />
<hr align="right" width="400" size="3" color="#0000dd" /> </body>
</html>
Атрибуты и значения
align="" – выравнивает линию справа или
слева.
width="50%" – ширина в пикселях или процентах.
size="" – задает толщину горизонтальной
линии.
color="#00ff00" – устанавливает цвет линии.
HTML линия горизонтальная и вертикальная
HTML линия может быть разной:
<html>
<head>
<title>HTML line</title> </head>
<body>
<hr align="center" width="90%" size="50" color="#dddddd" />
HTML линия вертикальная
Вертикальная линия в HTML отображается как сторона блока или таблицы.
Пример построения вертикальной линии:
<html>
<head>
<title>Вертикальная HTML линия</title>
</head>
<body>
<div style="height:30px; width:560px; border-left:2px solid #cc0033; background-color:#fc9; padding-left:10px">Пример вертикальной линии красного цвета слева.
</div>
В данном случае
вертикальная HTML линия
является стороной
отформатированного блока
HTML фон страницы, цвет фона, картинка
Существуют параметры, которые нам позволяют определить
HTML фон для сайта.
Цвет фона HTML страницы определяется CSS
атрибутом background-color, который, в свою очередь, размещается внутри тега <body>.
HTML цвет фона для отдельных элементов: блока, параграфа или ячейки таблицы определяется тем же атрибутом, расположенном внутри соответствующих тегов.
Фон HTML страницы может быть определен во внешнем .css файле.
HTML картинка - фон определяется с помощью атрибута background-image и картинки.