Home О нас Самоучитель иврита Путеводитель по Израилю Фотопутешествия Города Израиля Телефонный справочник Еврейские имена Еврейские праздники Ивритская поэзия
Как построить сайт
Учебник HTML и Photoshop. Построение блога на WordPress. Построение портала на Drupal.




HTML
Photoshop
WordPress
Drupal

Учебник HTML и Photoshop



Предыдущая глава


Продолжаем украшать



Научимся теперь выделять текст жирным или наклонным шрифтом.

Для того чтобы текст выделился "болдом", т.е. жирным шрифтом, нам надо поставить вначале тег <b> и в конце - закрывающий тег </b>. Чтобы выделить текст "италиком", т.е. наклонным шрифтом, надо написать вначале тег <i> и в конце - закрывающий тег </i>.

Давайте добавим информации на нашу страницу. Допустим, вы решили поздороваться с вашими читателями. Прямо под вашими именем и фамилией пишем:

"Я рада, что вы ко мне зашли!

Добро пожаловать!"

Теперь у нас уже есть немного текста, поэтому мы можем выделить его части. Давайте выделим имя и фамилию жирным шрифтом, а фразу "Добро пожаловать" - наклонным:

<html>
<head>
</head>
<body bgcolor=yellow>
<br><br><br><br><br>
<center>
<b>Лена Петрова</b>

Я рада, что вы ко мне зашли!

<i>Добро пожаловать!</i>
</center>
</body>
</html>

Не поленитесь посмотреть, что получилось:

Что-то не порядке! Наш текст не разбился на абзацы, а записался в одну строчку! Дело в том, что в языке HTML недостаточно, как в WORDе, просто сделать перенос строки. Мы обязаны указать, что мы желаем строку перенести! Можно сделать это при помощи уже известного нам тега <br>. А можно - при помощи нового для нас тега <p>, который эквивалентен двум написанным подряд тегам <br>, т.е. означает не только перенос строки, но и пропуск пустой строки. (Этого тег, так же как и тег <br>, не требует обязательного присутствия "закрывающего" тега).

Наш код становится таким:

<html>
<head>
</head>
<body bgcolor=yellow>
<br><br><br><br><br>
<center>
<b>Лена Петрова</b>
<p>
Я рада, что вы ко мне зашли!!
<p>
<i>Добро пожаловать!</i>
</center>
</body>
</html>

Вот теперь все правильно!



Следующая глава






О чем здесь можно узнать: УЧЕБНИК HTML И PHOTOSHOP

ПОСТРОЕНИЕ БЛОГА НА WORDPRESS
ПОСТРОЕНИЕ ПОРТАЛА НА DRUPAL








© Netzah.org.
Разрешается свободное цитирование материалов сайта
при условии указания активной ссылки на эту страницу: http://textbook.netzah.org/