Здесь может быть ваша реклама...
1000
участников
5500 читателей

Основные и вспомогательные тэги тела документа

Основные тэги


  Внутри тэга
<body> должна находиться та необходимая информация, которая предназначена для вывода в окне веб-браузера: это текст, изображения, ссылки на какие-либо другие документы и разная отформатированная информация.

     Существуют тэги заголовков: h1, h2, h3, h4, h5, h6

  При создании HTML-документа текст делится (структурно): на заголовки его частей, заголовки низшего уровня, абзацы и так далее. Самый большой - первый уровень заголовков. Он фиксируется цифрой 1, последующий - цифрой 2, и так далее. Большинство WEB-браузеров поддерживает толкование (интерпретацию) 6 уровней заголовков, причем каждому из них определяется свой собственный стиль. Не все WEB-браузеры поддерживают заголовки выше шестого уровня, поскольку они не являются стандартом. "1" - признак заголовка наивысшего уровня.
Его синтаксис: 


<h1>...Заголовок первого уровня...</h1>

  Это заголовки произвольного уровня:

<h от 1-6> Заголовок x-го уровня </h от 1-6> 


x - цифра от 1 - 6, это уровень заголовка. 

---------------------------------------------------
<h1> - заголовки первого уровня</h1>
<h2> - заголовки второго уровня</h2>
<h3> - заголовки третьего уровня</h3>
<h4> - заголовки четвертого уровня</h4>
---------------------------------------------------


p - Тэг абзаца 

  В HTML-документе в отличии от многих других текстовых процессоров обычно игнорируются символы возврата каретки. Кстати, разрыв абзаца может быть расположен в любом месте в исходном тексте документа. Но WEB-браузер будет разделять абзацы, только в случае присутствия тэга <p>. Если не разделять абзацы тэгом <p>, то документ будет отображен как один большой абзац.
Тэг переформатирования - pre

  Тэг переформатирования
<pre> представляет на экране текст со своеобразным (специфическим) форматированием. Внутри изначально сформатированного текста можно использовать символы, которые при отображении страницы будут замечены  WEB-браузером:

•  перевод строки,

•  символы табуляции (сдвиг на восемь знаков вправо),

•  устанавливаемый браузером непропорциональный шрифт.


  Тэги, которые определяют параметры абзаца (к примеру, <hx> или <address>), не будут замечаться браузером, если поместить их внутри тэга <pre>. 


Пример:
------------------------------------------------
<pre  Страна прочно стоит -
          на экономических рельсах рынка.
          Независимо от мирового кризиса.
/pre>

------------------------------------------------
Разрыв строки - br

  О разрыве строки браузеру сообщает тэг <br />. Образец лучшего его применения - адрес или просто следующие друг за другом строки, когда WEB-браузер должен их отображать одну под другой. У этого элемента нет завершающего тэга, следовательно, в завершении открывающего тэга нужно выводить прямой слеш.


Пример:
-----------------------------------
<p>Андрей Петров <br />
Марьина роща, <br />
дом ¹1, офис 17 <br /></p>
-----------------------------------

  Тэги, о которых говорилось ранее,  - все, что непосредственно необходимо для начала работы с HTML. Используя их можно с легкостью создать простой HTML-документ. Дальше пойдет разговор о том, как качественно изменить внешний вид документа, какие еще возможности у HTML.
Вспомогательные тэги

  Сenter - тэг центрирования элементов.

 
<center> помогает в окне браузера центровать элементы документа. Все они, находящиеся в тэге <center>, будут фигурировать в центре окна WEB-браузера.


Синтаксис тэга:

<center>...выравниваемые элементы html...</center>

---------------------------------------------------------------------------
<center>
<h2>Образец текста</h2>
<p>
Текст, находящийся по центру экрана</p>
</center>
---------------------------------------------------------------------------

Тэг цитирования - blockquote



  <blockquote> используется для того, чтобы обозначить в документе цитату, взятую из другого источника. От левого края документа этот текст обычно отступает на восемь пробелов.


У этого тэга такой синтаксис:

<blockquote>...Текст цитаты...</blockquote>

-----------------------------------------------------------------------------------------------------------------------------
<p>На выставке новых технологий, глава научного отдела сказал следующее:</p>
<blockquote>Наша команда создала принципиально новую технологию, которая позволит в максимальное количество раз  повысить скорость беспроводных соединений. </blockquote>

-----------------------------------------------------------------------------------------------------------------------------


Тэг адреса - address



  Он применяется  для выделения автора (создателя) документа, его адреса (к примеру, e-mail).


Синтаксис тэга:

<address>...Адрес автора...</address> 



Пример:
------------------------------------------------------------------
<address>E-mail:jobwebration.ru@gmail.com</address>
------------------------------------------------------------------

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Бесплатно создаем сайт
Полезная литература по созданию сайта
Основы HTML
Структура HTML-документов
Основные и вспомогательные тэги тела документа
Тэги списков
Гипертекстовые ссылки
Оформляем фон html-страницы
Графика в HTML
Web оптимизация графики
Стили оформления HTML-документа
Escape-
последовательности
Таблицы HTML
Структура таблицы
Заголовок, тело, подвал, строки и ячейки таблицы
Формы HTML, синтаксис форм
Элементы управления
Меню выбора
Оформляем HTML-формы
Фреймы HTML, синтаксис фрэймов
Тэг frameset
Тэги frame, noframes
Взаимодействия между фрэймами (планирование)
Карты изображений
Описание CGI интерфейса, разбираем данные HTML-форм
CGI-файл данных
Прямой возврат, обработка результата
Введение в CSS
Практическое освоение
Свойства элементов, которые управляются CSS
Прописываем мета-тэги и готовим web-страницы к публикации

Развитие и монетизация сайта
Начинающему
веб-мастеру
Введение и знакомство с HTML
Бесплатно создаем собственный сайт
Основы поисковой оптимизации
Что такое ТИЦ и PR и как их увеличить
Как раскрутить собственный сайт
Зарабатываем на собственном сайте
Помощь в выборе хостинг-провайдера
Загружаем сайт на хостинг
Полезные сайты
Полезная литература
Информация

Все о CSS
Самый простой курс
®
Поделитесь информацией с друзьями: