СОДЕРЖАНИЕ

Как создать свой сайт Создать сайт
Основы Интернет : FTP HTTP хостинг Вводный курс
Создание сайтов : создать сайт Создание сайтов
Статьи о хостинге : платный бесплатный выделенный сервер Unix Все о хостинге
Учебник HTML Учебник HTML
Учебник CSS Учебник CSS
Учебник CGI : cgi-программирование : методы GET и POST Учебник CGI
Учебник php Учебник PHP
Учебник perl Учебник Perl
Раскрутка сайта : оптимизация кода ключевые слова индекс цитирования регистрация в поисковиках Раскрутка сайта
Заработок на сайте Заработок на сайте
Платёжные системы : rupay webmoney Платежи в сети
книги литература по html css xml flash java Dreamweaver Нужные книги

 

заработок для вебмастера
Заработок для начинающего вебмастера!

 


создать сайт // учебник html // форматирование html-документа.

Форматирование HTML документа. Теги P, DIV, BR, HR и другие.

Любые тексты, будь то школьное сочинение, заметка в газете или техническое описание устройства имеют определённую структуру. Элементами такой структуры являются заголовки, подзаголовки, таблицы, абзацы и т.д. HTML-документы не являются исключением из этого правила.

Простейшее форматирование HTML-документа можно разбить на два раздела : 

  1. "Форматирование HTML - документа" - т.е. представление всего текста на экране монитора. Сюда входит работа с абзацами, строками, центрирование текста;

  2. "Форматирование текста" - непосредственно работа с текстом, установление шрифта, цвета, размера, отображение текста наклонным, полужирным и т.д.;

Также будет раскрыта более сложная тема - логическое форматирование текста, т.е. выделение логически значимых частей текста. 


Содержание раздела :


<P>  </p>
Элемент абзаца (paragraph) - один из самых полезных. Он позволяет использовать только начальный тег, так как следующий элемент P обозначает конец предыдущего и начоло следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу удобно обозначить конец абзаца. В некоторых случаях удобно ставить стартовый тег в конце строки: он не только укажет конец абзаца, но и выполнит функцию элемента <BR> (разрыв строки). Например:

<P> Текст первого абзаца.

<P> Текст второго абзаца. </p>

Текст третьего абзаца. <P>

Вместе с элементом P можно использовать атрибут выравнивания align:

align="left" - выравнивание по левому краю;
align="center" - выравнивание по центру;
align="right" - выравнивание по правому краю;
align="justify" - выравнивание по ширине;

Абзацы форматируются броузером, и их вид зависит, в частности, от размера окна программы.

Два следующих элемента позволяют внести некоторую определённость в форматы абзацев.

<BR>
Элемент, обеспечивающий принудительный переход на новую строку. Он имеет только стартовый тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки.

<NORB> </norb>
Этот элемент по своему действию является прямой противоположностью предыдущему. Текст, заключённый между его тегами, будет выведен в одну строку. Длинная строка не уместится на экране и для ее просмотра придётся использовать горизонтальную полосу прокрутки.

<BLOCKQUOTE></blockquote>
Обозначение цитаты. Этот элемент требует наличия конечного тега. Текст не претерпивает никаких изменений, но абзац распологается с отступом.
Пример:
Текст без отступа.

Текст с отступом.

<CENTER> </center>
Элемент для центрирования текста, а точнее, любого содержимого (рисунка, таблицы, списка и т.д.).

<DIV> </div>
Элемент, похожий на предыдущий. Он позволяет выравнивать содержимое по левому краю, по центру или по правому краю. Для этого стартовый тег должен содержать соответствующий атрибут:

align="left" - выравнивание по левому краю;
align="center"
- выравнивание по центру;
align="right"
- выравнивание по правому краю;

<H1></h1>
Элемент заголовка. Существует шесть уровней заголовков, которые обозначаються H1...H6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый мелкий заголовок. Представление об относительных размерах иожно увидеть на странице-примере. Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо:

align="left" - выравнивание по левому краю;
align="center"
- выравнивание по центру;
align="right"
- выравнивание по правому краю;

<HR>
Элемент создающий горизонтальную линию. Горизонтальная линия (horizontal rule) - очень часто используемый элемент. Во-первых, потому, что с его помощью очень удобно делить страницу на части. Во-вторых, выбор таких элементов страницы у автора очень небольшой. Действительно в HTML практичеки отсутствуют подобные конструкции, а вот для горизонтальной линии почему-то было сделано исключение. Правда, несмотря на некоторую скупость языка в этой области, можно придумать немало стандартных графических образов, которые разнообразили бы вид страниц.
Элемент не имеет конечного тега, но допускает ряд атрибутов для выравнивания влево, по центру, вправо, по ширине:

align="left"
align="center"
align="right"

Можно задать толщину линии:

size="Толщина в пикселях"

Можно управлять длиной линии:

width="Длина в пикселах"
width="Длина в процентах"

Можно выбирать цвет:

color="Цвет"

Вот образец выполнения кода <hr align="right" width="50" size="50" color="red">:




 

 

 

 

как создать свой сайт