Тег с которого начинается любой программный код html документа

Атрибуты HTML тегов

Многие HTML-теги имеют уникальный набор соответствующих атрибутов. Все теги и их атрибуты рассмотренные в следующих статьях. Но, сейчас мы сосредоточимся на наборе стандартных атрибутов, которые могут использоваться практически в любых HTML-тегах.

Стандартные атрибуты

Атрибут — id.
Атрибут — title.
Атрибут — class.
Атрибут — style.

Атрибут id

Атрибут id — это уникальный идентификационный номер, который можно определить только к одному конкретному элементу.
Если у вас есть два или больше элемента с одинаковыми именами, то Вы можете использовать атрибут id, чтобы различать все элементы, которые имеют одинаковые названия.

Этот параграф объясняет, что такое CSS

Обратите внимание, что существуют некоторые особые правила для значения атрибута id, он должен:

Начинаться с букв (A-Z или a-z) и затем может следовать любое количество букв, цифр (0-9), дефисы, подчеркивания и двоеточия.
Значение атрибута id не должно повторяться в HTML-документе.

Атрибут title

Заголовок HTML

Атрибут class

Атрибут style

Атрибуты интернационализации

Атрибут — dir.
Атрибут — lang.
Атрибут — xml:lang.

Атрибут dir

Значение	Описание
ltr	Слева направо (значение по умолчанию).
rtl	Справа налево (для языков, таких как иврит или арабский, то есть которые читаются справа налево).

Вот пример, где текст читается справа налево:

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

Атрибут lang

Атрибут xml:lang

Универсальные атрибуты

Атрибут	Параметры	Описание
align	right, left, center	Выравнивание тега по горизонтали
valign	top, middle, bottom	Вертикальное выравнивание тега.
bgcolor	числовые, шестнадцатеричные значения RGB	Цвет фона позади тега.
background	URL-адреса	Фоновое изображения за тегом.
id	Определяется пользователем	Имя тега.
class	Определяется пользователем	Имя тега для использования Каскадных таблиц Стилей CSS.
width	Числовое значение (%, px)	Задает ширину таблицы, изображения или ячейки таблицы.
height	Числовое значение (%, px)	Задает высоту таблицы, изображения или ячейки таблицы.
title	Определяется пользователем	«Pop-up» название элементов при наведении курсора или когда не загружаются.

Основные HTML теги форматирования текста

Если Вы хотите, чтобы люди читали то, что Вы написали, то надо уделить время для форматирования текста. Люди не любят читать широкие и длинные абзацы текста на страницах сайтов, если они не разбиты на более мелкие. В этой статье вы узнаете основные HTML-теги форматирования текста.

Пробелы и пустые строки

Прежде чем Вы начнете форматировать текст, нужно сначала понять, как браузеры читают пробелы и пустые строки.

Если Вы считаете, что если сделаете несколько последовательных пробелов между двух слов и эти пробелы появятся этими словами на экране браузера, то это не так. По умолчанию будет отображаться только один пробел. Поэтому необходимо использовать специальные HTML-теги для создания нескольких пробелов.

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

Создание заголовков (h1 — h6)

Любая страница начинается с заголовка. С помощью тегов форматирования мы можем использовать разные размеры заголовков. HTML имеет шесть уровней заголовков, которые представлены тегами: <h1>, <h2>, <h3>, <h4>, <h5>, и <h6>. При отображении любого заголовка, браузер добавляет одну пустую строку до и после заголовка.

Примеры заголовков:

Браузер покажет это так:

Это заголовок 1

Это заголовок 2

Это заголовок 3

Это заголовок 4

Это заголовок 5

Это заголовок 6

Тег , параграф

Тег  помогает структурировать свой текст. В HTML, параграф — это абзац. Каждый абзац текста должен быть размещен между тегами и , как показано ниже в примере:

В браузере Вы увидите следующее:

Второй абзац текста.

Вы можете использовать атрибут выравнивания абзацев align:

В браузере будет следующий результат:

Выравнивание по левому краю.

Это выравнивание по центру.

По правой стороне.

Это работает, когда у вас есть несколько строк в абзаце.

Тег , перевод строки

Всякий раз, когда вы используете тег  , после него текст начинается на следующей строке. Этот тег является примером пустого элемента, который не имеет закрывающий тег, поскольку он не несет никакой информации, а только сообщает браузеру о переводе строк.

Примечание: тег   содержит пробел между символами «br» и «/». Если вы пропустите этот пробел, то старые браузеры будут иметь проблемы с подготовкой обрыва строки.

Вот пример использования тега  :

В браузере Вы увидите такое:

Здравствуйте

Вы читаете мою статью.

С уважением админ сайта.

Тег <center>, выравнивание текста по центру,

Вы можете использовать тег <center>, чтобы выровнять любой текст по центру страницы или в любой ячейке таблицы:

Вид в браузере такой:

Это по центру.

Это не по центру.

Элемент ( ), неразрывный пробел

Предположим, вы решили использовать фразу «только на сайте wmz-mail.at.ua«. И Вы не хотите, чтобы браузер разбил ее на две строки эту фразу:

Я изучаю язык разметки HTML «только на сайте wmz-mail.at.ua»

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

Элемент (), мягкий перенос

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

Давайте сделаем перенос слов «программирования» и «гипертекста». Для этого мы должны проставить элемент () в нужном для нас месте слова. Теперь код абзаца будет таким:

Теперь абзац будет иметь следующий вид:

Тег <pre>, исходное форматирование текста

Для того чтобы сохранить исходное форматирование текста нужно использовать тег <pre>. Рассмотрим пример:

Тег <hr />, горизонтальная линия

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

Результат будет таким: