Заголовки

     Чтобы разобрать новый материал мы должны ввести в наш код дополнительный текст. Например:

<htm>
<head>
<title>начинаем учиться</title>
</head>
<body>
<h1 align="center">Первые впечатления.</h1>
Я пока <b>ни черта не умею</b>, но надеюсь, <i>что скоро смогу</i> кой-чему <u>научиться</u>
</body>
</htm>

 Теперь попытаемся сделать так, чтобы новый текст действительно был похож на заголовок. То есть его размер шрифта должен быть больше, чем у основного текста. Заголовог должен быть один на строчке и желательно посередине. Вот дескрипторы, которые помогут нам сделать это максимально просто:
  1. <h1> и </h1> - заголовок будет большого размера. Всего 6 размеров шрифта: <h1> - самый большой, а <h6> - самый маленький, сравните:

    <h1>

    <h6>
    у дескриптора <h1> есть всего один параметр, который выравнивает текст:
    • <align> Этот параметр может принимать 3 значения (чтобы присвоить параметру значение, после параметра нужно поставить знак = , а значение взять в "кавычки"):
      • "left" - выравнивание по левому краю, оно стоит по-умолчанию.
      • "center" - выравнивание по центру.
      • "right" - выравнивание по правому краю.
  2. <br> - одиночный дескриптор. Он выполняет разрыв строки, то есть после этого дескриптора выполняется переход на новую строку.
    C помощью новых дескрипторов сделаем в тексте заголовок:

    <htm>
    <head>
    <title>начинаем учиться</title>
    </head>
    <body>
    <h1 align="center">Первые впечатления.</h1>
    <h3>Я пока <b>ни черта не умею</b>, но надеюсь,<br> <i>что скоро смогу</i> кой-чему <u>научиться</u></h3>
    </body>
    </htm>

Посмотрим, что на это скажет броузер:

по-моему мы делаем сдвиги

Есть только один недочёт - выделение жирным не отображается, но дело не в нас, просто заголовки всегда выделяются жирным, то есть весь наш текст стал жирным. Позже мы научимся исправлять такие недочёты.
вернуться     следующая глава


Hosted by uCoz