Гиперссылки в HTML
Главной отличительной особенностью HTML-документов является создание специальных активных ссылок на другие документы, которые именуются гиперссылками.
При наведении мыши на них курсор принимает форму руки, а при клике в окне браузера открывается другая веб-страница или определённый документ. Гиперссылки могут представлять собой как текст, так и изображение.
Как сделать гиперссылку в HTML? Гиперссылка задаётся при помощи парного тега <a> (от английского слова Anchor — якорь). Параметр href тега <a> содержит адрес документа.
В HTML теги гиперссылки представлены в виде <a> и </a>, а ссылкой считается вся информация, которую <a> и </a> содержат:
Перед тем, как создать гиперссылку в HTML, следует знать, что её адрес может быть относительным и абсолютным. Относительный указывает расположение документа относительно текущей страницы.
Сработает он в том случае, если конечный документ располагается в той же директории, что и текущий. Также, вы можете указать путь к файлу относительно корневой директории веб-сайта с помощью символа « / ».
Абсолютный адрес представляет собой ссылку в полном виде на документ, расположенный в сети интернет.
Создание гиперссылок в HTML — процесс несложный. По умолчанию они подчёркиваются и выделяются синим цветом, а посещённые — фиолетовым.
Изменить цвет гиперссылки в HTML можно в параметрах тега <body>:
- link – цвет ссылок веб-страницы;
- vlink – цвет посещённых гиперссылок веб-страницы;
- alink – цвет активных ссылок веб-страницы.
Указанные атрибуты определяют цвета ссылок всего HTML-документа. Если вставить такой код в тег <body>, каждый раз задавать цвет шрифту не придётся.
Перед тем, как делать гиперссылки в HTML, имейте в виду, что их цвета должны гармонично вписываться в общий дизайн и оформление вашего веб-сайта и в то же время важно сделать их заметными для пользователя.
Основные атрибуты гиперссылок
В рамках HTML гиперссылки могут иметь следующие параметры:
1. title – позволяет создать текст подсказки, которая всплывает при наведении курсора мыши на гиперссылку.
2. target – указывает браузеру в каком окне следует открыть ссылку.
Он может принимать следующие значения:
- _blank – ссылку необходимо открыть в новой вкладке;
- _self – гиперссылка в HTML должна быть открыта в текущей вкладке. Значение по умолчанию;
- _parent – браузер должен загрузить ссылку в родительском окне;
- _top – гиперссылка загружается по всему пространству окна браузера (разбиение на фреймы в данном случае исчезает).
Таким образом, ответ на часто задаваемый начинающими веб-мастерами вопрос « как вставить гиперссылку в HTML » получен.
Тело документа
Создается с помощью элемента BODY. Именно в теле документа содержится все то, что мы видим на странице. А на странице мы обычно видим:
Текст, блоки текста (причем текста форматированного)
Всяческие объекты, картинки
«Бестелесных» документов не бывает. Документ без тела будет похож на одинокую голову профессора Доуэля (см. структуру HTML=документа).
Документ может иметь несколько «тел» – фреймов. В этом случае тело вместе со всем его содержимым удаляется и вместо него вставляется FRAMESET.
Указывает начало и конец тела HTML-документа. Между начальным и конечным тегами содержится текст документа, изображения и таблицы. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки. Элемент BODY должен встречаться в документе не более одного раза.
MARGINHEIGHT – определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Netscape.
TOPMARGIN – определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.
MARGINWIDTH – определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Netscape.
LEFTMARGIN – определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Internet Explorer.
BACKGROUND – определяет изображение для «заливки» фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG.
BGCOLOR – определяет цвет фона документа.
TEXT – определяет цвет текста в документе.
LINK – определяет цвет гиперссылок в документе.
ALINK – определяет цвет подсветки гиперссылок в момент нажатия.
VLINK – определяет цвет гиперссылок на документы, которые вы уже просмотрели.
Значения атрибутов BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
<HTML> <BODY BACKGROUND=»images/bricks.jpg» BGCOLOR=»#202020″ TEXT=»#FFFFFF» LINK=»#FF0000″ VLINK=»#505050″ MARGINHEIGHT=»30″ TOPMARGIN=»30″ LEFTMARGIN=»40″ MARGINWIDTH=»40″> . Текст документа. . </BODY> </HTML>
При задании ширины полей для обеспечения совместимости со всеми видами браузеров используйте одновременно атрибуты MARGINWIDTH/MARGINHEIGHT и TOPMARGIN/LEFTMARGIN как показано в примере.
Всегда указывайте атрибуты BGCOLOR и TEXT одновременно. Считайте, что они неразлучны. Если один из этих атрибутов не указан, браузер по умолчанию будет использовать цвет из текущей цветовой схемы Windows. А теперь представьте, что будет, если пользователь использует нестандартную раскраску Windows, где все цвета инвертированы? То-то. Некрасиво получится.
Гиперссылки
Ссылки на другие документы в HTML создаются либо с помощью элемента A, либо с помощью навигационных карт. Элемент A применяется, если ссылкой планируется сделать часть текста или целое изображение. Навигационные карты имеет смысл применять, если ссылкой будет часть изображения.
ССЫЛКИ НА ДРУГИЕ САЙТЫ ПО ДАННОЙ ТЕМАТИКЕ 
Краткий экскурс в историю гипертекста (А.Лебедев)
(HTML 1.0) – Anchor
Самый необходимый элемент, без которого Интернет просто немыслим. Используется для создания и использования гипертекстовых ссылок.
HREF – определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного атрибута. Возможные значения:
http://. – создает ссылку на www-документ; ftp://. – создает ссылку на ftp-сайт или расположенный на нем файл; mailto. – запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком «&»; news. – создает ссылку на конференцию сервера новостей; telnet://. – создает ссылку на telnet-сессию с удаленной машиной; wais://. – создает ссылку на WAIS – сервер; gopher://. – создает ссылку на Gopher – сервер;
Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки. Например, линк <A HREF=»docs/title.html»>Документация</A> будет ссылаться на файл title.html в подкаталоге docs (относительно текущего).
NAME – помечает находящуюся между начальным и конечным тегами область документа как возможный объект для ссылки. В качестве значения нужно латиницей написать любое слово-указатель, уникальное для данного документа. Например: <A NAME=»part»>Раздел1</A>. Теперь вы можете ссылаться на помеченную область простым указанием ее имени после имени документа. Например, линк <A HREF=»document.html#part»>Раздел1</A> отправит вас в раздел «part» файла document.html, а линк <A HREF=»#bottom»>В конец документа</A> – в раздел «bottom» текущего документа. (см. Пример 1)
TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезевированных имен:
_self – указывает, что определенный в атрибуте HREF документ должен отображаться в текущем фрейме; _parent – указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрейм; _top – указывает, что документ должен отображаться в окне-родителе всей текущей фреймовой структуры; _blank – указывает, что документ должен отображаться в новом окне.
<!— Использование атрибута NAME: —> <A NAME=»history»>История бодибилдинга</A> . <A NAME=»now»>Спорт глазами современника</A> . Вернуться к разделу<A HREF=»#history»>истории</A>
<!— Использование атрибута HREF: —> <A HREF=»ftp://ftp.cdrom.com» TARGET=»_blank»>FTP-site</A> <A HREF=»http://opengl.rdc.ru»>Русский проект по OpenGL</A> .
<!— Создадим ссылку для письма с указанием кучи атрибутов —> <A HREF=»mailto:green@igf.ru?subject=Приглашение &cc=bg@microsoft.com&body=Приезжай на вечеринку.»> Отправить приглашение </A>. <!— или просто письмо : —> <A HREF=»mailto:green@igf.ru?subject=Привет»>авторам</A>.
Элемент A не может быть вложенным в себе подобные, то есть недопустимы конструкции вроде
<A HREF=»link1.html»> Первый линк <A HREF=»link2.html»>Второй линк</A> Продолжаем первый линк </A>
Если в атрибуте TARGET указать имя несуществующего окна или фрейма, создастся новое окно с указанным именем. Как мы видим, результат получится тот же, что и при задании нового окна: <A HREF=». » TARGET=»_blank»>, с той лишь разницей, что в последнем случае окно не будет иметь имени и на него нельзя будет ссылаться.
С помощью элемента BASE вы можете указать значение TARGET для всех гиперссылок в текущем документе.
ССЫЛКИ НА ДРУГИЕ САЙТЫ ПО ДАННОЙ ТЕМАТИКЕ 
Краткий экскурс в историю гипертекста (А.Лебедев)
Текстовые блоки
В этом разделе описаны элементы, разбивающие текст документа на блоки тем или иным способом. Типичными примерами текстовых блоков являются параграфы, абзацы и главы. Для отделения одной части текста от другой также используются разделительные горизонтальные линии и символы возврата каретки.
Используются для создания заголовков текста
Используется для разметки параграфов.
Отделяет блок HTML-документа от остальной его части
Оформляет текст как почтовый адрес
Оформляет текст как цитату
Осуществляет перевод строки
Вставляет в текст горизонтальную разделительную линию.
Включает в документ (моноширинным шрифтом) блок предварительно отформатированного текста
LISTING, PLAINTEXT, XMP
Включают в документ (моноширинным шрифтом) блок предварительно отформатированного текста (устаревшие элементы)
(HTML 2.0) – Headers
Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы.
ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.
<H1 ALIGN=»center»>Самый большой заголовок посередине</H1> <H2>Заголовок поменьше</H2> . <H6>Малюююсенький такой заголовочек</H6>
(HTML 2.0) – Paragraph
Используется для разметки параграфов.
ALIGN – определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right. По умолчанию имеет значение left.
<P ALIGN=»center»>Это центрированный параграф.<BR> Текст располагается в центре окна браузера</P> <P ALIGN=»right»>А это параграф, выровненный по правому краю.</P>
(HTML 3.2) – Division
Используется для логического выделения блока HTML-документа. Элемент группировки, как и элемент SPAN. В современном сайтостроении используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать – перемещать, включать/выключать, создавать слои, регулировать отступы и т.п.
В браузеронезависимой вёрстке обычно используется для выравнивания блока html-кода в окне браузера.
Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф.
ALIGN – определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center.
. Текст документа. <DIV ALIGN=»center»> . Текст, таблицы, изображения. Выравнивание по центру. </DIV> . Текст документа.
У атрибута ALIGN есть еще одно значение – justify, поддерживаемое современными браузерами. Оно позволяет выравнивать текст по ширине (одновременно по левому и правому краям документа). Не понимающие justify браузеры будут выравнивать текст по левому краю.
(HTML 2.0) – Address
Находящийся между начальным и конечным тегами текст оформляется как почтовый адрес. Чаще всего оформление выражается в выделении строки адреса курсивом.
Пишите по следующему адресу: <ADDRESS> Москва. ул. Академика Королева, 13 <BR> Мурзилке </ADDRESS>
Internet Explorer версии 3.0 неверно интерпретирует конечный тег </ADDRESS>, поэтому весь текст, находящийся после адреса, будет отображаться курсивом. Эту ошибку можно легко устранить, поставив после </ADDRESS> любой элемент форматирования текста.
<ADDRESS> Мой адрес не дом и не улица, <BR> Мой адрес Советский Союз. </ADDRESS> <!— избавляемся от глюка —> <I></I> Нормальный текст .
(HTML 2.0) – Block Quote
Оформляет находящийся между начальным и конечным тегами текст как цитату. Используется для длинных цитат (в отличие от элемента CITE). Цитируемый текст отображается отдельным абзацем с увеличенным отступом.
Редакция журнала «Домосед» выражает благодарность Бухаресту Магарычу Шницелю за замечательное стихотворение: <BLOCKQUOTE> Синели красные ромашки,<BR> Желтели в небе облака,<BR> Синицы в теплый край летели,<BR> К истоку двигалась река.<BR> . </BLOCKQUOTE>
Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. атрибут ALIGN элемента IMG), понадобился дополнительный атрибут CLEAR. Элемент не имеет конечного тега.
CLEAR – указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :
all – завершить обтекание изображения текстом. left – завершить обтекание текстом изображения, выровненного по левому краю. right – завершить обтекание текстом изображения, выровненного по правому краю.
Первое предложение<BR>Второе предложение на следующей строке
Возьмите себе за правило всегда ставить <br> после тега <img . >. В противном случае все картинки будут иметь неприятный отступ.
Атрибут CLEAR почему-то используется очень редко. А зря.
(HTML 2.0) – Horisontal Rule
Вставляет в текст горизонтальную разделительную линию.
WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера.
SIZE – определяет толщину линии в пикселах.
ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:
left – выравнивание по левому краю документа. right – выравнивание по правому краю документа. center – выравнивание по центру документа (используется по умолчанию).
NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.
COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.
Текст, разделенный <HR NOSHADE WIDTH=»50%»> сплошной горизонтальной линией.
(HTML 2.0) – Preformatted Text
Используется для включения в документ уже отформатированного текста. Браузеры воспроизводят содержимое этого элемента с помощью моноширинного шрифта, сохраняя пробелы и символы конца строки.
Желательно избегать использования символа горизонтальной табуляции внутри PRE, т.к. он может быть неадекватно интерпретирован некоторыми браузерами. Вместо символа табуляции рекомендуется использовать число пробелов, кратное четырем.
LISTING, PLAINTEXT, XMP
Данные элементы предназначены для воспроизведения предварительно отформатированного текста. Они использовались до появления элемента PREи на данный момент являются устаревшими.
Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры еще могут распозновать их в целях обратной совместимости версий.
Таблица основных тегов html с примерами
Несмотря на то, что сейчас можно создавать отличные сайты на конструкторах в визуальном режиме, использование языка HTML остаётся важным навыком разработчика. Даже если вы не пишете шаблон с нуля, может возникнуть необходимость отредактировать его или вставить виджет стороннего сервиса — через HTML-код.
HTML позволяет форматировать страницы, придавая им необходимый вид. Если такой задачи нет, то знание тегов поможет отредактировать код встраиваемого виджета. Понимая структуру HTML, вы, например, можете быстро изменить размер видео или виджета и другие особенности его отображения.
Базовые теги
<!—. —> — тег для добавления комментариев в документ. Помещённые внутри него теги не интерпретируются браузером.
<!DOCTYPE> — показывает браузеру тип документа, сообщает его версию и язык.
<html></html> — корневой тег, который сообщает браузеру, что это HTML-документ. Все остальные элементы помещаются внутри него.
<head></head>— контейнер, в который помещаются метаданные документа, не видимые пользователям, но считываемые поисковыми роботами: например, <title> или <style>.
<meta> — тег для оформления метаданных документа, используемых браузером для обработки страницы, а поисковиками — для индексации.
<body></body> — тег, обрамляющий видимую пользователям часть документа. Всё, что вы укажите внутри этого контейнера, отобразится на странице. Тег <body> имеет несколько атрибутов, позволяющих управлять цветами.
<body bgcolor=?> — цвет фона документа в формате RGB.
<body text=?> — цвет текста.
<body link=?> — цвет гиперссылок.
<body vlink=?> — цвет гиперссылок, по которым уже переходили.
<body alink=?> — цвет гиперссылок при нажатии.
<title></title>— метатег, который задаёт название страницы, отображаемое на вкладке браузера.
<header></header> — определяет содержимое блока с вводной информацией сайта или группой ссылок.
Форматирование текста
<h1></h1>. <h6></h6>. — теги заголовков, от самого большого к самому маленькому.
<b></b> — жирный текст без придания важности выделенному фрагменту.
<strong></strong> — расставление акцентов в тексте путём выделения его фрагментов полужирным начертанием.
<i></i> — выделение текста курсивом без придания важности.
<del></del> — зачёркивает текст, помечая его удалённым.
<s></s> — отображает перечёркнутый текст.
<ins></ins> — подчёркивает текст, визуально выделяя внесённые изменения.
<u> — подчёркивание без дополнительного акцентирования внимания.
<em></em> — расставление акцентов путём выделения фрагментов текста курсивом.
<mark></mark> — выделение частей текста жёлтым маркером.
<tt></tt> — имитация текста, набранного на печатной машинке.
<small></small> — отображение фрагмента с меньшим кеглем шрифта, чем у остального текста.
<sub></sub> — подстрочное начертание символов.
<sup></sup> — надстрочное начертание символов.
<address> — добавление контактов или подписи автора. При открытии в вею-браузере выделяется курсивом.
<pre></pre> — вывод неформатированного текста с сохранением пробелов и особенностей переносов.
<br> — переносит текст на другую строку без создания абзаца.
<blockquote> </blockquote> — отступы с обеих сторон для оформления цитаты или врезки.
<dl></dl> — контейнер для размещения термина и его определения.
<dt> — добавление термина.
<dd> — добавление определения понятия
<dfn> — выделение термина курсивом. Последующий текст должен раскрывать понятие.
<abbr> — указывает, что текст является аббревиатурой или акронимом. Для добавления пояснения используется атрибут title.
<li> — отметка каждого элемента перечня (цифра или значок в зависимости от типа списка).
<a></a> — добавление гиперссылки в текст. Имеет обязательный атрибут href, в котором указывается ссылка или якорь. Внутри контейнера помещается текст, при нажатии на который происходит переход на другую страницу или другое место на этой же странице.
<code></code> — выделение фрагмента кода с помощью шрифта monospace.
Встраивание элементов
<img></img> — вставка изображения. Имеет атрибут src, который указывает на адрес нужного файла. Есть и другие атрибуты:
<img src="name" align=?> — выравнивание к одной из сторон документа. Например, значение right переместит рисунок в правый край, а left — в левый.
<img src="name" border=?> — позволяет настроить в пикселях толщину рамки вокруг изображения.
<picture></picture> — контейнер для расположения элемента <img> без <source>, который даёт браузеру возможность самостоятельно выбрать подходящую картинку.
<audio></audio> — вставка звукового контента.
<video></video> — вставка видео (поддерживается Ogg, WebM и MP4).
<source></source> — указывает местоположение файла для <video>, <audio> и <picture>
<track> — формирует субтитры для <video> и <audio>.
<object></object> — контейнер, через который встраиваются мультимедийные файлы. Для передачи параметров применяется тег <param>.
<hr> — размещает на странице горизонтальную линию. Имеет несколько атрибутов.
<hr size=?> — устанавливает высоту линии.
<hr width=?> — устанавливает ширину линии.
<hr noshade> — убирает тень у линии.
<hr color=?> — задаёт цвет линии.
<script></script> — определяет выполнение сценария на стороне посетителя сайта. Может содержать сам скрипт или иметь ссылку на внешний источник.
<noscript></noscript> — ограничивает фрагмент документа, в котором скрипт не выполняется.
Работа с таблицами
<table></table> — размещает таблицу. Все остальные теги для форматирования таблиц должны находиться внутри это контейнера.
<thead></thead> — определяет заголовок.
<tbody></tbody> — отмечает тело таблицы.
<th></th> — указывает на заголовок ячейки.
<tr> — создание одной строки.
<tfoot></tfoot> — показывает нижний колонтитул.
<caption></caption> — вставляет подпись. Указывается после тега <table>.
<col> — позволяет указать ширину и другие параметры одной или нескольких колонок.
Создание форм и кнопок
<form></form> — создание форм на странице. С помощью HTML описывается только внешний вид, для выполнения функций требуется запуск соответствующих скриптов на сервере.
<button></button> — создаёт интерактивную кнопку. Внутри контейнера нужно поместить текст или изображение.
<select multiple name="NAME" size=?></select> — формирует меню с поддержкой скроллинга.
<select name="NAME"></select> — создаёт ниспадающее меню.
<option></option> — описывает каждый отдельный пункт меню.
<input> — формирует поля для добавления пользовательских данных.
<output> — выводит результаты вычислений, сделанных с помощью скрипта.
<label> — оформляет пометку для поля, созданного тегом <input>.
<textarea></textarea> — создаёт большие поля для ввода текста.
Site Builder
Сайто-Строитель.рф © 2013-2021
При копировании материалов активная ссылка на источник обязательна!
Cайто-Cтроитель.рф
Поиск по Сайту
Понятия слова «Теги». Основные теги в HTML.
Каким браузером вы пользуетесь, Google Chrome, Internet Explorer, Mozilla Firefox, или Opera? В прочем это не важно. Все они программы для чтения и отображения веб документа, а точнее то, что вы видите на экранах своих мониторов. Открывая любое печатное издания книгу, или газету мы чётко видим своим глазом абзацы, колонки, фото, цвет текста, в общем, всё визуальное оформление таким, какое оно есть. Но браузер это робот, которому необходимо понять, как отображать, показывать нам то, что мы видим и если мы обычным языком попробуем ему сказать что фразу «Привет Мир», надо отобразить жирным курсивом, или красным цветом, то он нас не поймёт. Именно для этого и были придуман язык гипертекстовой разметки HTML, с его набором различных тегов и атрибутов к ним.
Слово «Тег» происходит от английского «tag» (дескриптор). Дескриптор, это элемент языка, в разметки гипертекста HTML. Что бы легче понять, как это работает, давайте проведём не большой эксперимент и напишем несколько раз фразу «Я учу HTML».
Рисунок 1.
На рисунке №1, мы видим четыре варианта нашей фразы. Сначала она выделена полужирным текстом, затем красным цветом, далее наклонным курсивом и наконец, наш текст стал просто кнопкой. Но как это браузер смог понять? Для этого давайте посмотрим и разберём его исходный код.
Рисунок 2.
На рисунке №2 мы видим, что в первом случае между фразой присутствует парный тег
(от английского bold, полужирный). В который, заключив нашу фразу «Я учу HTML» мы получили полужирный текст.
Далее мы видим что фраза «Я учу HTML» стала красного текста, это потому что мы использовали тег
(от английского шрифт) и указали цвет (color) код которого #F34C0C (в данном случае имеет красный оттенок).
Затем наш текст покосило вправо, то есть курсив стал наклонным, это произошло, потому что мы использовали парный тег <em></em> (от английского emphasis-акцент).
И наконец, при помощи тега
(от английского button-кнопка), мы сделали его просто кнопкой.
Как вы заметили, между строками мы использовали тег
(от английского break-ломать, разрыв), это дало нам возможность написать каждую фразу с новой строки. То есть тег позволяет начать новый абзац, строку при этом не требуется парный закрывающий тег
.
Вот таким образом наши поисковые машины (браузеры), способны читать ту информацию, которую мы хоти передать через них. В таблицах ниже приведены основные теги, которые используются более часто при написании веб страниц в формате HTML. Данные таблицы используются всего лишь как шпаргалки и при необходимости со временем обновляются и дополняются.
Основные теги документа HTML.
| Теги | Краткое описание и назначение | Закрывающий, или парный тег |
| <html> | Указывает программе просмотра страниц что это HTML документ. | </html> |
| <head> | Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь | </head> |
| <body> | Определяет видимую часть документа | </body> |
Теги документа мета-теги.
| Теги | Краткое описание и назначение | Закрывающий, или парный тег |
| <base href=»www.?»> | Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью) | -//- |
| <base target=»?»> | Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра) | -//- |
| <meta name=»allow-search» content=»?»> | Указание для поисковых роботов как следует сканировать данную страницу | -//- |
| <meta http-equiv=»distribution» content=»?» | Указание для поисковых роботов относится ли данная страница к мировым | -//- |
| <meta name=»robots» content=»?»> | Указание для поисковых роботов как следует сканировать данную страницу | -//- |
| <meta name=»author» content=»?»> | Указание автора странички | -//- |
| <meta name=»keywords» content=»?»> | Описание содержащийся информации (для поисковых машин) | -//- |
| <meta http-eguiv=»content-type» content=»text/plain;churset=»?»> | Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.) | -//- |
| <meta name=»description» content=»?»> | Ключевые слова странички (для поисковых машин) | -//- |
| <title></title> | Помещает название документа в оглавление программы просмотра страниц | -//- |
Атрибуты тела документа (для тега <BODY>).
| Теги | Краткое описание и назначение | Закрывающий, или парный тег |
| <body bgcolor=»?»> | Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB — пример: FF0000 — красный цвет. | </body> |
| <body text=»?»> | Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB — пример: 000000 — черный цвет. | </body> |
| <body link=»?»> | Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB — пример: 00FF00 — зеленый цвет. | </body> |
| <body vlink=»?»> | Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB — пример: 333333 — серый цвет. | </body> |
| <body alink=»?»> | Устанавливает цвет гиперссылок при нажати | </body> |
Теги формата и стиля текста.
Теги форматирования и управления текстом.
| Теги | Краткое описание и назначение | Закрывающий, или парный тег |
| <p> | Создает новый параграф | </p> |
| <p align=»?»> | Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center | </p> |
| <nobr> | Запрещает перевод строки. | -//- |
| <wbr> | Указывает где разбивать строку для переноса при необходимости. | -//- |
| <br> | Вставляет перевод строки. | -//- |
| <blockquote> | Создает отступы с обеих сторон текста. | </blockquote> |
| <dl> | Создает список определений. | </dl> |
| <dt> | Определяет каждый из терминов списка | -//- |
| <dd> | Описывает каждое определение | -//- |
| <ol> | Создает нумерованный список | </ol> |
| <li> | Определяет каждый элемент списка и присваивает номер | </ul> |
| <ul> | Создает ненумерованный список | |
| <div align=»?»> | Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей | </div> |
Гиперссылки и их атрибуты.
Указывает в каком окне открывать гиперссылку.
Параметры. Значение.
_Blank |Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно
_Parent |Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку
_Self |Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
_Top |Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы
При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, приэтом страница откроется в указаной части окна.