Что такое теги и как ими пользоваться?

2 ноября 2014 г. Просмотров: 586 Инструкции

Интернет основан на html - языке разметке гипертекста. Под «гипертекстом» подразумевается текст, включающий ссылки. Именно простая возможность перехода с одной страницы на другую, с одного сайта на второй преобразила компьютерные технологии. Простота html достигается удобным инструментом разработчика - тегами.


Создать сайт самостоятельно с Wix.com


Теги в htmlТеги в html - средство семантического (смыслового) форматирования, представления и связи информации.

Любой тег должен быть расположен между символами: . Все теги html понимаются большинством существующих браузеров. Стандартизацией и созданием новых тегов занимается международная организация W3C - там же можно узнать обо всех существующих тегах html. Теги могут работать лишь внутри «главного» тега html-документа - HTML. Тегами HEAD и BODY web-страница разделяется на две логических части. В HEAD можно повлиять на заголовок страницы (отображается на вкладке браузера), BODY же «отвечает» за весь смысловой контент страницы.Одиночные и парные тегиВсе теги html можно разделить на парные и одиночные. Одиночные теги используются лишь тогда, когда парные использовать бессмысленно. К примеру, одиночным является тег BR, представляющий собой пустую строку. Если вы пропишите этот тег в html-коде, вы сможете увидеть в браузере строку-разделитель. Она обычно используется для отделения одной группы информации от другой.Парные теги используются для организации контента. Текстовая информация, адреса файлов, ссылки размещаются между тегами P (абзац текста), IMG (изображение), A (гиперссылка). Атрибуты тегаНекоторые теги имеют специальные атрибуты, влияющие на «поведение» элемента. Некоторые теги современной спецификации html5 позволяют обойтись без необходимого ранее программирования для решения распространенных задач.К примеру, тег FORM (поле ввода) имеет атрибут PLACEHOLDER, который замещает текстовое поле «тестовой информацией», подсказками. Если веб-разработчик захочет, чтобы поле для ввода имени не было пустым, а выводило бы пример имени, он может присвоить атрибуту PLACEHOLDER значение «Иванов Иван». Тогда в текстовом поле для ввода имени будет выводиться «Иванов Иван» - до тех пор, пока пользователь не переведет в это поле курсор. Надпись при этом пропадет, и он сможет ввести свое имя.Связь с CSSОтносительно новой технологией (в сравнении с html) представления сайтов в интернете является CSS. За аббревиатурой CSS «скрываются» каскадные таблицы стилей. До их появления веб-мастера использовали для разделения сайта на логически ясную структуру таблицы (тег TABLE). Теперь у создателей сайтов появилась возможность все, относящееся к представлению сайта (включая расположение блоков), размещать в специальном стилевом css-файле. Для подключения стилевой таблицы к html-документу нужно указать в парном теге LINK адрес файла css на сервере.

Оцените статью!