Определение в Википедии: HTML (от англ. HyperText Markup Language - язык разметки гипертекста ) – стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML ). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
Все что Вы видите в окне браузера, каждый элемент веб страницы: текстовые блоки, абзацы и заголовки, фотографии, реклама, различные меню, формы для заполнения и т.д., - все это создано и размещено на странице веб разработчиком при помощи HTML.
Язык HTML отвечает за разметку страницы, за порядок и последовательность расположения ее элементов. При помощи HTML элементам страницы задают определенные свойства и характеристики. Редактирование текста - это тоже HTML.
Но HTML - это не язык программирования, как некоторые ошибочно полагают, - по сути это редактор, язык разметки гипертекстовых документов. И это, конечно же, основа веб-дизайна.
Теги парные и одиночные
Основой языка HTML являются теги . Каждый элемент страницы обозначен тем или иным тегом.
Тег - это «метка», состоящая из буквы или нескольких букв, заключенных между символами «меньше чем» - "<" и «больше чем» - ">" . Теги бывают парные и непарные (одиночные) .
- парные теги . У таких тегов сначала идет открывающий тег - между символами "<" и ">" , сообщающий браузеру о начале своего действия в данном месте; затем закрывающий тег – между символами"" и ">" (то есть у закрывающего тега к символу «меньше чем» - "<" добавляется слэш / ), сообщающий браузеру о завершении своего действия.
Закрывающий тег не всегда является обязательным.
- одиночные теги не имеют закрывающего элемента.
Парный тег
- открывает кавычки. Он имеет обязательный, закрывающий кавычки, тег
.
Кавычки
Парный тег
Парный тег
Создает новый параграф. Он имеет закрывающий тег
, который не является обязательным!Каждый следующий тег
Не только создает новый абзац, но и завершает предыдущий. Новый абзац будет отделен от предыдущего пустой строкой.
Здесь же введем еще одно из ключевых понятий языка HTML - Атрибут тега.
Атрибуты тега являются его дополнением - они задают дополнительные правила отображения содержимого тега на странице.
Например, атрибут align тега
Определяет выравнивание содержимого тега (текста ) по горизонтали.
Многие теги имеют несколько атрибутов, среди которых есть обязательные. Есть теги не имеющие атрибутов!
Первый абзац - его завершение не обозначено закрывающим тегом.
Второй абзац имеет закрывающий тег. Атрибут align задает выравнивание текста по центру в горизонтальной плоскости!
Первый абзац - его завершение не обозначено закрывающим тегом.
Второй абзац имеет закрывающий тег. Атрибут align задает выравнивание текста по центру в горизонтальной плоскости!
Одиночный тег
Одиночный тег
, использующийся для переноса строки, не имеет закрывающего тега и не имеет атрибутов.
С помощью тега
установим перенос строки внутри текущего абзаца.
С помощью тега
установим перенос строки внутри текущего абзаца.
Редактор HTML
По сути веб страница - это обычный текстовый документ, поэтому для ее создания можно воспользоваться простым текстовым редактором, который является частью ОС Windows - Блокнотом .
Естественно, существует несколько визуальных редакторов для работы с HTML, лидером среди которых является Dreamweaver (Дримвивер ) - HTML-редактор от компании Adobe .
Но Dreamweaver и другие специализированные HTML-редакторы - это помощники, которые автоматизируют работу с кодом. И перед тем, как приступать к их помощи и начинать с ними работать, необходимо этот код знать. Поэтому первые шаги в изучении HTML и CSS (Cascading Style Sheets - каскадные таблицы стилей ) следует делать, используя Блокнот . При этом набирать код Вы будете вручную - с клавиатуры. А это как раз то что нужно для начинающих изучение языка HTML и технологии CSS.
В дальнейшем, естественно, необходимо переходить к специализированным HTML-редакторам.
Тег (мн. теги, иногда тэг ) — это элемент языка HTML, с помощью которого выполняется разметка исходного текста веб-страницы. Теги представляют из себя сокращения или аббревиатуры английских слов заключенные в угловые скобки <>, например, тег
…
сокращение от английского слова paragraph , то есть текст заключенный в данный тег будет распознаваться браузерами, как параграф.Каждый тег в HTML имеет специальное значение и отвечает за вывод определенных данных. Регистр букв в названиях тегов не имеет значение, например, тег
…
и тег…
— это одно и то же. То есть теги можно записывать и строчными, и заглавными буквами. Раньше общепринятым было, все теги записывать заглавными буквами, чтобы теги отличались от обычного текста. Сейчас такой необходимости нет, так как многие редакторы имеют подсветку синтаксиса.Классификация тегов
Всего тегов в HTML насчитывается более 90. Как правило, один тег воздействует только на часть документа, например, тег заголовка первого уровня
…
. В таких случаях используются парные теги: открывающий и закрывающий . Открывающий тег (например,) создает эффект, а закрывающий ( ) — прекращает его действие. Как видно из примера, закрывающий тэг всегда имеет вот такой символ (/ ) — прямой слеш. Такие теги называют парные .
Некоторые теги дают разовый эффект в месте своего появления. Например, тег горизонтальной полосы
или тег отображения картинки . Такие теги не имеют закрывающих тегов. Такие теги называют не парные.
Типы тегов
Кроме того теги подразделяют на несколько типов, которое различаются по выполняем функциям:
- теги заголовка документа;
- блочные элементы;
- строчные элементы;
- универсальные элементы;
- списки;
- таблицы;
- фреймы.
Это разделение не строгое, поэтому некоторые теги находятся в разных группах. Например, тэги для создания списков
- и
- относятся и к спискам, и к блочным элементам.
Структура тегов
При загрузке в браузере сами теги не отображаются, но влияют на способ отображения своего содержимого. Если в написание тега допущена ошибка, он игнорируется целиком.
Все теги имеют определенную структуру, которую необходимо соблюдать при написании. Кроме того, практически все теги имеют различные атрибуты, которые могут изменять способ отображения содержимого.
Давайте посмотрим на правильную структуру тегов содержащих атрибуты:
Для примера я привел два совершенно разных тега. Первый одинарный — отвечает за вывод изображений, атрибут — src=»logo.jpg» . Второй … парный отвечает за создание ссылок, атрибут — href=»сайт» .
Вывод 1 : Атрибуты могут иметь парные и непарные теги.
Вывод 2 : Атрибуты могут иметь только открывающие теги, закрывающие теги не имеют атрибутов.
Картинка для разъяснения:
Привет! Ну что, сделали свою первую страничку? Молодцы! Теперь давайте поговорим о тегах: что это такое и зачем они нужны.
Создание web страницы с помощью HTML осуществляется с использованием тегов. Каждый тег содержит в себе определенный элемент. А все вместе они образуют именно ту страницу, которая отображается в окнах браузеров. Это и есть те самые основы HTML. Давайте поговорим о них более подробно.
Любой тег, вне зависимости от его назначения и месторасположения, размещается между символами < и > , расположенными в начале и конце тега, соответственно.
Пример:
Парные теги
Теги бывают двух видов. К первому относятся парные, включающие в себя две составляющие, от чего и получили свое название. Эти составляющие называются открывающимися и закрывающимися тегами. Закрывающийся тег отличается от своей пары наличием символа / , который ставится сразу после < .
Ко второму типу тегов относятся одиночные. И, как следует из названия, они не имеют пары в виде второго, закрывающего тега.
Одиночные HTML-теги
При создании страницы с помощью HTML основное назначение парного тега заключается в том, чтобы отметить начало и конец определенного текстового фрагмента. Однако, используются также теги, задача которых не имеет ничего общего с выделением текстовых фрагментов.
В качестве примера таких тегов можно привести те, что позволяют задать разделительную полосу или добавить на страницу изображение. И именно такие теги являются одиночными, поскольку, так сказать, выполняют свою функцию без пары.
К числу таких тегов относятся:
,
,
.
Строка
Следующая строка
Если вы где-то увидите вот такой формат записи одиночного тега
, то знайте, что так они выставлялись в более ранних версиях HTML. Но сейчас, когда появился HTML 5, слэш использовать не обязательно.
Атрибуты HTML-тегов
Также в разговоре об основах HTML нельзя не упомянуть об атрибутах тегов. Для определенных тегов использование атрибутов не являются обязательным, но вполне допустимо. А в некоторых случаях – они нужны однозначно.
Примером такого случая может быть тег , который предназначен для того, чтобы вставлять на страницу изображение. Обязательным атрибутом для данного тега является src , с помощью которого можно указать, а где же именно находится картинка. Это делается для того, чтобы браузер смог открыть изображение. Если адрес картинки будет указан без атрибута, изображение на странице не отобразится.
Как правило, в большинстве случаев теги и атрибуты прописываются в HTML вот так:
<имя-тега атрибут1="значение1" атрибут2="значение2" …>
У тега может быть как один, так и несколько атрибутов. Ниже вы можете видеть примеры.
......
Итак, надеюсь, тут всё просто и понятно. Но если вдруг что, смело спрашивайте - обязательно помогу. В следующих уроках мы будем разбирать различные теги и изучать, для чего каждый из них предназначен.
Доброго времени суток, друзья! Сегодня у нас очередная статья, посвященная одной из категорий моего сайта «HTML-путеводитель для новичков ». Наверное, нужно было начинать заполнять эту категорию с написания статьи, что такое HTML или же с этого поста, в котором будет подробно изъяснено, что такое теги html. Но так уж сложилось, что в ней я уже опубликовал несколько полезных материалов, к примеру, о том, как сделать линию средствами HTML или же, как сделать рамку . Ну да ладно, надеюсь, моя оплошность не вынудила вас искать информацию среди других источников.
Для того чтобы разобраться с тегами давайте для начала вспомним что такое HTML? И так HTML – это англоязычная аббревиатура, расшифровывающаяся как - язык разметки гипертекста . Это стандартный язык, интерпретирующийся всеми современными браузерами, отвечающий за структуру и содержание страницы. Именно с помощью HTML можно указать, как будет выглядеть текст, рисунок или анимация, отображающаяся на интернет странице, а также задать ей местоположение, размер и т.п. Представленный язык разметки включает в себя теги html, являющиеся его основой.
Теги – определенная именованная метка состоящая из символов латинского алфавита, заключенная в угловые скобки (к примеру ). Тег – основной элемент HTML документа. Их заполнение должно осуществляться в нижнем регистре, то есть вместо < TITLE > должно быть < title > .
Виды тегов html
Существует два типа тегов – одиночные и парные (контейнеры). Последние являются более распространенными. Все что включено между открывающимся <> и закрывающимся тегом > называют содержимым контейнера. Как можно заметить внутри закрывающегося тега обязательно нужно ставить слеш, т.е. косую черту «/», находящуюся сразу же после первой угловой скобки. Действие тегов распространяется на заключенную между ними информацию.
Одиночные теги (метки ) как можно догадаться состоят из одного html элемента – открывающегося тега (например ).
В независимости от вида каждый тег состоит из следующих элементов:
Открывающаяся угловая скобка (< ).
Имя тега (p , body , br ).
Закрывающаяся угловая скобка (> ).
Для расширения возможностей используемого тега используются различные атрибуты и значения атрибутов, разделяющиеся между собой с помощью пробела. В свою очередь атрибуты можно условно разделить на обязательные и необязательные.
Основные теги html
Стандартизированный язык разметки гипертекста включает в себя предостаточно используемых HTML-тегов. Давайте остановимся на самых важных из них.
Основные парные теги html
- < html > - сообщает браузеру о том, что перед ним находится HTML документ.
- < head > - содержит описание интернет-страницы и является некой емкостью для всех заголовочных элементов html-документа, цель которых - помогать браузерам и поисковым системам в работе с данными.
- < body > - определяет видимую часть документа.
-
- < table >, < tbody >, < thead >, < td >, < th > и < tr > - теги, относящиеся к созданию таблиц.
-
- закрытие данного тега сообщает браузерам о том, что текст отображается с новой строки, то есть с нового абзаца.
-
-
- тег устанавливающий перевод строки в том месте, где он находится.
- , , - каждый из тегов по отдельности выделяющий текст жирным, подчеркнутым или курсивом.
- ,
- теги отвечающее за .,
- , - эффект для текста имитирующий стиль печатной машинки.
- - еще один HTML-тег выделяющий текст жирным. В отличии от тега воспринимается поисковыми механизмами как особо выделенный.
- - тег, используемый для создания бегущей строки.
- - тег, который используется для форматирования текста, но работающий исключительно при использовании специальных атрибутов.
- - весьма распространенный тег, отвечающий за создание гиперссылки.
- - цитирование.
-
- выводит в HTML документе примеры кода.
-
- отвечает за отображение текста заключенного в скобки.
-
Основные одиночные теги
- - тег содержащий метаинформацию, предназначенную для поисковых механизмов. Внутри него при помощи соответственных атрибутов можно прописать ключевые слова, управление процессом индексации, имя автора, кодировку документа и т.п.
- - тег, отвечающий за отображение графических элементов (картинки). Используется вместе с обязательным атрибутом .
-