RSS-лента

Лучшие CMS интернета бесплатно для создания сайта

Мар
1

Основные теги html разметки

Всем привет. Тег (или дескриптор) – элемент языка разметки гипертекста. Используется в SGML, произошедших от него HTML и XML, а также других языках разметки. По сути, теги определяют тип элемента. Например, тег <small>текст</small> указывает на то, что отображаемый текст будет маленьким.


Основные группы тегов языка html

Тегов для html и ему подобных языков очень много, но в этой статье будут рассмотрены только основные теги html разметки, которые в свою очередь, можно разделить на несколько основных групп тегов языка html:

  • Группа тегов верхнего уровня

Разумеется, начать рассмотрение группы основных тегов html стоит с тега, который идет самым первым в документе <!DOCTYPE HTML>. Этот элемент предназначен для описания типа документа, в виду того, язык html имеет несколько версий исполнения. Закрывающий тег к нему не нужен.

Далее следует тег <html></html>, который оповещает браузер что далее следует рассматривать документ с использованием языка гипертекстовой разметки HTML. Следующим в этой группе стоит тег <head></head>. В переводе с англ. head означает «голова документа», а применяется он для хранения второстепенных  тегов (таких как title, мета тегов, скриптов, и стилей оформления), содержащие информацию для поисковых систем и браузеров о текущем документе. Закрывающий тег к нему необязателен, но в основном всеми веб-мастерами используется, для придания некой завершенности блока. На странице, данные из этого тега не отображаются.

Пример использования в html head:

<!DOCTYPE HTML>
<html>
<head>
<title>Название статьи</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Ваше описание" />
<meta name="keywords" content="Ваши ключевые слова" />
<style type="text/css">Подключаемое стилевое оформление< /style>
<script type="text/javascript" src="Подключаемый скрипт"></script>
</head>
<body>
<!-- А здесь надо размещать все, что хочется увидеть на странице. -->
</body>
</html>

И конечно же к основной группе тегов языка html, верхнего уровня относят тег <body></body>. В нем размещается вся основная информация (текст, графика, аудио, картинки, видео и другой контент), дословно с англ. он переводиться как «тело документа».

  • Группа тегов заголовка документа

В эту группу входят теги из блока head. Основным тегом в этой группе является тег <title></title>, как понятно из названия, означает он название страницы. Также в группу заголовка документа входят метатеги <meta>.

osnovnye tegi html razmetki

Эти три дескриптора <html>, <head>, <body> и есть основные теги HTML-разметки, остальные html теги для текста и другие уже их параметры. К примеру, параметрами тега <body> являются:

  • BGCOLOR (то есть цвет фона);
  • BACKGROUND (то есть сам фон);
  • TEXT (то есть цвет текста);
  • LINK (то есть цвет ссылки);
  • VLINK (то есть цвет ссылки, которую уже посетили);
  • ALINK (цвет активной на данный момент ссылки).

Также имеются теги, предназначенные для форматирования заголовков, которые означают заголовки первого, второго, третьего, четвертого, пятого и шестого уровней соответственно:

  • <H1>заголовок</H1> ;
  • <H2>заголовок</H2> ;
  • <H3>заголовок</H3> ;
  • <H4>заголовок</H4> ;
  • <H5>заголовок</H5> ;
  • <H6>заголовок</H6>.

Если необходимо создать список, то такая возможность тоже есть — <OL>текст</OL> (нумерованный список) и <UL>текст</UL> (маркированный список).

Иногда бывает так, что разместить нужно не только текст, но и еще какое-то дополнение к нему, скажем, картинку. В таких случаях также помогут теги:

<IMG SRC="file.gif"> 
или 
<IMG SRC="file.jpg"> - размещения фото или картинки;
lt;IMG SRC="file.wav"> - размещения аудиофайла;
<IMG SRC="file.avi"> - размещение видеофайла.

 

Графический элемент, как и текст, можно, конечно же, настроить. Так параметр WEIDTH задает ширину в пикселях, а HEIGHT – высоту. Выровнять объект можно при помощи тега ALIGN, например, чтобы выровнять по левому краю, прописывают в коде “ALIGN=LEFT”. HSPACE и VSPACE означают горизонтальный и вертикальный отступ от загруженного изображения. ALT – обозначение картинки, то есть что-то вроде ее описания.
Для связи с другими ресурсами в Сети или добавления адреса электронной почты служат такие дескрипторы:

<a href="web.htm"></a> 
или 
<a href="http://www.com"></a>
<address><a href="example@gmail.com">example@gmail.com</address>

Очень часто на веб-сайты добавляют таблицы для того, чтобы некоторая информация лучше и проще воспринималась. За таблицу отвечает тег <table>текст</table>. При помощи параметра «BGCOLOR» выбирается цвет фона таблицы, а BORDER и WEIDTH определяют ширину бордюра и таблицы соответственно.
Все тот же ALIGN выравнивает таблицу, как вам удобно, а <caption>текст</caption> добавляет ее название, которое также можно выровнять по отношению к добавленной таблице знакомым тегом.
Разумеется, подобных тегов еще очень-очень много, как, собственно говоря, и контента. Например, еще может настроить прокрутку, добавить бегущую строку, настроить ее положение, направление, скорость и так далее.
Но это уже работа профессиональных веб-программистов, которые учили язык HTML. А простые теги для базовых настроек сайта были рассмотрены в данной статье.

Получай первым обновления блога!

Введите Ваш e-mail:

Оставить комментарий


вверх