Рейтинг@Mail.ru
    Работа \ Обучение \ Web-программирование для чайников. Урок 7. Оформление содержимого страницы.

    Web-программирование для чайников. Урок 7. Оформление содержимого страницы.

    Тема сегодняшнего урока: «Оформление содержимого страницы».

    И так, сейчас мы будем изучать теги для оформления содержимого страницы.

    Тег <BR/> обозначает перенос строки. Пример:

    Первая строка
    Вторая строка

    Код примера:

    Первая строка<BR/>
    Вторая строка
     

    Тег <HR/> рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <HR/> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.
    Возможные параметры:

    align Выравнивание линии
    color Цвет
    noshade Рисует линию без тени
    size Толщина
    width Ширина

    Пример:


     

    Код примера:

    Первая строка<hr/>
    Вторая строка<hr align="center" width="50%"/>
    Третья строка<hr color="blue" size="10px"/>
    Четвертая строка<hr noshade color="green"/>
    Пятая строка<hr align="right" width="75%" color="red" size="5px" noshade/>
    Шестая строка
     

    Тег <P> определяет текстовый параграф. Тег <P> является блочным элементом, поэтому он начинается с новой строки, параграфы текста идущие друг за другом разделяются между собой вертикальным промежутком. Величиной промежутка можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец параграфа совпадает с началом следующего блочного элемента. Синтаксис этого тега: <P>текст</P>". Пример:

    Код примера:

    <p>
    Съешь еще этих французских булочек, да выпей чаю
    </p>
    <p>
    Мороз и солнце, день чудесный,
    чего ты дремлешь, друг прелестный?
    </p>
    Тег <BLOCKQUOTE> предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа, а также с отбивкой сверху и снизу. Синтаксис этого тега: "<BLOCKQUOTE>текст</BLOCKQUOTE>". Пример:

    Код примера:

    <blockquote>
    Съешь еще этих французских булочек, да выпей чаю
    </blockquote>
    <blockquote>
    Мороз и солнце, день чудесный,
    чего ты дремлешь, друг прелестный?
    </blockquote>

    Уроки по другим языкам программирования есть здесь.



    Теги: программирование , дизайн , WEB , тэг , HR , HTML , br
    Смотрели:

    всего 9859 раз



    Комментарии: Добавить комментарий

    Пока нет комментариев.

    Добавьте ваш комментарий:

    Чтобы оставить комментарий вам нужно войти на сайт или зарегистрироваться.