Главная страница Содержание Учебник по Html Словарь тегов Гостевая книга Напиши мне

Простейшие.

Ступенька 6 - "Что такое заголовки и как задавать размер шрифта".

Начнем с заголовков. Существуют шесть уровней заголовков:

<H1> текст </H1>

<H2> текст </H2>

<H3> текст </H3>

<H4> текст </H4>

<H5> текст </H5>
<H6> текст </H6>
Итак, h1 – самый важный, h6 – наименее важный. Вводя заголовки в текст, вы определяете его структуру и позволяете вашему посетителю с легкостью ориентироваться на странице.

Выделим в нашем примере вторым заголовкам ” Компания News computers”:

    <html>
    <head>
    <title>Компания News computers</title>
    </head>
    <body text=red bgcolor="#000000">
    <h2>
    <p align="center" > Компания
    <font color="green"> News computers </font>
    </p>
    </h2>
    Мы обеспечим вас компьютерами и программным обеспечением на любой вкус.
    </body>
    </html>     посмотреть
Как мы видим, визуально заголовки отображаются не только более крупным шрифтом, но к тому же и полужирным. Также после закрывающего происходит автоматический перенос на другую строку.

Заголовки предназначены для выделения небольшой части текста (строки, фразы). Но если вы хотите выделить большой фрагмент текста, то заголовки для этого использовать нельзя. Для этого предназначен атрибут size тэга <font></font>, который устанавливает желаемый размер шрифта:

<font size="+4"> текст </font>
<font size="+3"> текст </font>
<font size="+2"> текст </font>
<font size="+1"> текст </font>
<font size="+0"> текст </font>
<font size="-1"> текст </font>
<font size="-2"> текст </font>

Установим ”<font size="+1"> в нашем примере для текста ”Мы обеспечим вас компьютерами и программным обеспечением":

    <html>
    <head>
    <title>Компания News computers</title>
    </head>
    <body text=red bgcolor="#000000">
    <h2>
    <p align="center" > Компания
    <font color="green"> News computers </font>
    </p>
    </h2>
    <font size="+1">
    Мы обеспечим вас компьютерами и программным обеспечением на любой вкус.
    </font>
    </body>
    </html>     посмотреть

[ Назад: Ступенька 5-ая ] [ Далее: Ступенька 7-ая ]