• Главная
  •  > 
  • Android
  •  > 
  • Парный тэг языка html называется. Теги в HTML

Парный тэг языка html называется. Теги в HTML

HTML представляет собой обычный текстовый файл с расширением.htm (html). Для создания простейшей страницы на первых порах, когда вы только тренируетесь необходимо лишь блокнот. Откройте блокнот и напишите текст.

Каждый элемент HTML представляет из себя тег, обрамленный скобками. Любой файл, страница html начинается с тега и заканчивается тегом .

Вот этот тег просто указывает браузеру (это программа в которой вы просматриваете интернет страницы) что данный документ является html-документом разметки.

Тег — означает начало html-документа, а — закрывающийся тег, означает конец html документа.



Внутри этих тегов есть еще несколько важных тегов. Сразу за тегом идут теги означающие заголовок страницы и тело страницы.


Моя первая страница HTML




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

Итак, текст приведенный выше будет для нас базовым каркасом любой веб-страницы.

Парные и непарные теги!

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

Непарные теги – у них нет закрывающего тега. Далее мы приведем примеры таких тегов.

— Заголовок html страницы, куда включаются ключевые слова для поисковиков, различные скрипты, и т.д.

— Непосредственно тело html-документа.


Непарный тег.

Примечание: В большинстве случаев сейчас при построении сайтов используют готовые подпрограммы, плагины и т.д. – для более быстрого создания сайтов, но для того, чтобы применять и использовать такие подпрограммы и шаблоны – всё же необходимо минимальное знание данных сессий.

HTML элемент - это основная структурная единица веб-страницы, написанная на языке HTML.

Парные и одиночные теги HTML

Синтаксис HTML элементов, состоящих из парных тегов:

  • Элемент начинается с открывающего тега.
  • Элемент заканчивается закрывающим тегом.
  • Содержимым элемента является все, что находится между открывающим и закрывающим тегами. Содержимое может быть текстом и/или другим HTML элементом.

Примечание: не забывайте в закрывающем теге ставить символ "/ ", он указывает браузеру, что ваш элемент закончился и что то, что будет написано после него, является уже другим элементом. Если не поставить символ "/ " в закрывающем теге, то браузер примет его за новый элемент, вложенный в предыдущий, который по мнению браузера всё ещё не закрыт.

Синтаксис HTML элементов, состоящих из одиночных тегов:

  • Элемент состоит только из открывающего тега.

Элементы, состоящие из одиночных тегов называются пустыми . Всего в HTML 16 одиночных тегов:

Вложенные элементы

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

Следующий пример состоит из трех элементов, два из которых вложенные:

Мой первый абзац

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

Это очень

интересно

Здесь элемент выходит за пределы элемента

Пример с правильной вложенностью:

Это очень интересно

Здесь элемент правильно вложен - он находится полностью в элементе

Пробельные символы

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

Заголовок Мой первый заголовок

Мой первый абзац

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

ЗаголовокМой первый заголовок

Мой первый абзац

Поскольку код HTML-документа со временем становится больше и усложняется, становится видно, что использование пробельных символов действительно улучшает читабельность кода.

- начало тела документа, парный тег - все что следует в этом теге будет выведено на экран.

- начало абзаца (начинается всегда с новой строки), парный тег - может содержать параметр выравнивания. Напимер:

- все строки абзаца прижать к левому краю (используется по умолчанию).

- все строки абзаца прижать к правому краю.

- все строки абзаца отцентрировать по странице.

- все строки абзаца выравнять по ширине страницы.

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

- полужирный шрифт, парный тег. ТЕКСТ ПОЛУЖИРНЫЙ ТЕКСТ

- закрывающий тег конец полужирного шрифта.

- наклонный шрифт (курсив), парный тег. ТЕКСТ НАКЛОННЫЙ ТЕКСТ

- закрывающий тег конец наклонного шрифта.

- подчеркнутый шрифт, парный тег. ТЕКСТ ПОДЧЕРКНЫТЫЙ ТЕКСТ

- закрывающий тег конец подчеркнутого шрифта.

- моноширинный шрифт (шрифт печатной машинки), парный тег. ТЕКСТ МОНОШИРИННЫЙ ТЕКСТ

- закрывающий тег конец моноширинного шрифта.

- сильно выделенный шрифт, парный тег. ТЕКСТ СИЛЬНО ВЫДЕЛЕННЫЙ ТЕКСТ

- закрывающий тег конец сильно выделенного шрифта.

- выделенный шрифт, парный тег. ТЕКСТ ВЫДЕЛЕННЫЙ ТЕКСТ

- закрывающий тег конец выделенного шрифта.

- предварительно отформатированный текст (шрифт печатной машинки), парный тег. Начинается всегда с новой строки и выводится на экран в том виде в котором набран (количество "пробелов" то, которое вы набрали). ТЕКСТ

МОНОШИРИННЫЙ ТЕКСТ

- закрывающий тег конец предварительно отформатированного текста.


- принудительный перенос строки, непарный тег - переход на новую строку.

- горизонтальная линия, непарная команда - вставка горизонтальной линии, при этом до и после линии происходит переход на новую строку. Может содержать параметры. Например: - горизонтальная линия толщиной 1 (используется по умолчанию).
- горизонтальная линия толщиной 2.

- размер шрифта 1 (максимальный), парный тег. При этом до и после ТЕКСТА происходит перенос строки.

- закрывающий тег конец шрифта размер 1.

РАЗМЕР ШРИФТА 1
РАЗМЕР ШРИФТА 2
РАЗМЕР ШРИФТА 3
РАЗМЕР ШРИФТА 4
РАЗМЕР ШРИФТА 5
РАЗМЕР ШРИФТА 6

- вырывнивание текста по центру страницы, паный тег.

- закрывающий тег конец вырввния по центру.

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

- начало нумерованного списка, парный тег. Уроки - задание названия нумерованного списка


    • - закрывающий тег конец нумерованного списка.