Форматирование текста жирным и курсивом

Для того чтобы сделать текст жирными или курсивом используются парные теги

<b> и </b> для того чтобы сделать текст жирным. b- от слова bold, т.е. жирный

<i> и </i> для того чтобы сделать текст курсивом. i- от слова italic, т.е. курсив.

 

Сделаем текст нашей страницы в одном месте жирным, а в другом курсивом

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

<body bgcolor="#00CCFF" text="#FFFF00">

<center>

Сегодня замечательный день. <br><i>Я сделал свою первую интернет страничку.</i>

<br><font color="#0000FF"><b>я буду богатым и свободным человеком ! </b></font>

<br><br>

<img src="money-master.jpg" width="258" height="146" alt="Сайт о заработке в интернете">

</center>

</body>

</html>

Теперь наша страничка будет выглядеть ТАК.

! Обратите внимание на порядок следования тегов вложенных в другие теги. Теги должны быть вложены как матрешки.

Можно сделать так

<font color="#0000FF"><b>я буду богатым и свободным человеком ! </b></font>

или вот так

<b><font color="#0000FF">я буду богатым и свободным человеком ! </font></b>

А вот так <b><font color="#0000FF">я буду богатым и свободным человеком ! </b></font> делать нельзя !

Будьте внимательны при написании кода ! Иначе это вызовет ошибки в отображении страницы.

А можно ли сделать текст одновременно и жирным и курсивом ?
Конечно можно ! Например вот так

<b><i><font color="#0000FF">я буду богатым и свободным человеком ! </font></i></b>

или вот так

<i><b><font color="#0000FF">я буду богатым и свободным человеком ! </font></b></i>

или вот так

<font color="#0000FF"><i><b>я буду богатым и свободным человеком ! </b></i></font>

или даже так

<i><font color="#0000FF"><b>я буду богатым и свободным человеком ! </b></font></i>


Результат будет одинаков.

Надеюсь понятно объяснил как форматировать текст жирным или курсивом и как вкладывать одни теги внутрь других.

 

Урок 6. Изменяем размер шрифта.
Урок 7. Делаем ссылки на другие страницы/сайты.
Урок 8. Таблицы. Как делать таблицы. Параметры таблиц.
Урок 9. Пример создания 2х-страничного сайта.


Если вам понравилась статья, нажмите пожалуйста на кнопки!
Это будет лучшее спасибо.

Также можете добавить комментарий (СПАМ ЗАПРЕЩЕН! Даже не пытайтесь. + пожизненный бан):