Основные теги html и css. Основные html теги

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

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

Список тегов html 1. HTML тег (для абзацев) - выводит текстовый абзац (допускает атрибуты style, class, id). Самый распространенный тег, поскольку в него чаще всего помещают текст (впрочем он для этого и создан).

Например, html код:

Текстовый абзац номер один

А это другой абзац

Текстовый абзац номер один

А это другой абзац

К тегу можно ещё приписать параметр style:

С помощью этих различных значений можно редактировать внешний вид шрифта. Про эти параметры можно прочитать в отдельном уроке: стили в html и свойство css font .

Также можно прописать атрибуты CLASS и ID . Например:

2. HTML тег и (выделение жирным)

И - два тега, которые позволяют сделать шрифт жирным. Разницы между этими тегами нет.

Приведем пример. Html код:

жирный текст

Преобразуется на странице в следующее:

жирный текст

Также можно прописать атрибуты CLASS и ID (как и в случае с Примечание

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

3. HTML тег (создание курсива)

- курсивный шрифт (допускает параметр style, class, id)

Например, html код:

курсивный текст

Преобразуется на странице в следующее:

4. HTML тег (подчеркнутый текст)

- подчеркнутый шрифт (допускает параметр style, class, id)

Например, html код:

подчеркнутый текст

Преобразуется на странице в следующее:

подчеркнутый текст

5. HTML тег (создание гиперссылки)

Создает ссылку на странице (допускает параметр style, class и другие).

Например, html код:

текст ссылки

Преобразуется на странице в следующее:

Все параметры и атрибуты тега будут рассмотрены в отдельном уроке: html тег .

6. HTML тег (заголовки в контенте)

,..., - заголовочные теги внутри контента (допускает параметр style, class, id). Причем чем меньше цифра, тем больший вес и размер (по умолчанию) имеет текст, заключенный в эти теги.

Например, html код:

Заголовок h1

Тег используют для названия страницы (также как и тайтл)

Необходимо использовать эти теги только по назначению, т.е. только когда в статье необходим заголовок. Это связано с тем, что теги ,..., имеют большое влияние на поисковые машины. Если их использовать правильно, то шансы попасть на верхние строчки выдачи очень высоки.

7. HTML тег (выравнивание)

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

Например, html код:

Этот текст будет в центре

Преобразуется на странице в следующее:

Этот текст будет в центре

Примечание
  • - для текста
  • ... - для всего (например, изображение)
8. HTML тег (подстрочный текст)

- выводит подстрочный шрифт.

Например, html код:

Обычный текст, подстрочный текст

Преобразуется на странице в следующее:

Обычный текст, подстрочный текст

9. HTML тег (надстрочный текст)

- выводит надстрочный шрифт.

Например, html код:

Обычный текст, надстрочный текст

Преобразуется на странице в следующее:

Обычный текст, надстрочный текст

10. HTML тег ,

, - выводит шрифт на один пиксель больше/меньше текующего размера (допускает параметр style, class, id).

Например, html код:

Обычный шрифт, этот шрифт больше на один пиксель

Преобразуется на странице в следующее:

Обычный шрифт, этот шрифт больше на один пиксель

11. HTML тег
    (создание списков)

    Выводит список (допускает параметр style, class, id). Каждый новый элемент записывается между

  • и
  • .

    Например, html код:

    Список:
    • первый элемент списка
    • второй элемент списка

    Преобразуется на странице в следующее:

    Список:

    • первый элемент списка
    • второй элемент списка
    12. HTML тег (создание таблиц)

    - создает таблицу (допускает параметр style, class). Каждая новая строка создается тегами , а столбец .

    Например, html код:

    1-строка 1 элемент 1-строка 2 элемент
    2-строка 1 элемент 2-строка 2 элемент

    Преобразуется на странице в следующее:

    Все возможности тега

    13. HTML тег
    (перенос строки)


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

    Например, html код:

    Строка 1
    2-строка
    3-строка А этот текст будет на 3ей строке, поскольку перехода не было

    Преобразуется на странице в следующее:

    1-Строка
    2-строка
    3-строка А этот текст будет на 3ей строке, поскольку перехода не было

    14. HTML тег (горизонтальная линия)

    - чертит линию, представляет собой одиночный тег (допускает параметр style, class).

    Например, html код:

    Какой-то текст над линией А этот текст будет уже под линией

    Преобразуется на странице в следующее:

    Какой-то текст над линией А этот текст будет уже под линией

    15. HTML тег (вывод картинки)

    Например, html код:

    http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg ">

    Преобразуется на странице в следующее:

    Все возможности тега будут рассмотрены в отдельном уроке: .

    16. HTML тег (форматирование текста)

    - для форматирования текста, изменения стиля и т.п. (допускает параметр style, class, id). Его вес в глазах поисковых машин отсуствует, поэтому его можно использовать сколько хотите.

    Например, html код:

    Этот текст зеленый, а его размер 15 пикселей

    Преобразуется на странице в следующее:

    Примечание

    Аналогичным тегом является .

    17. HTML тег (создание формы)

    - создание формы на странице (допускает параметр style, class).

    Например, ввод логина и пароля, любые кнопки, любая форма регистрации - все это формы.

    18. HTML тег (создание блоков)

    - служит для создания блоков на странице (допускает параметр style, class). Раньше для разметки на страницах пользовались в основном таблицами. После появления тега задача упростилась. Практически все сайты содержат блоки, как удобную альтернативу таблицам.

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

    Теги структуры html документа

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

    Далее идут 2 секции — head и body . В первой располагаются различного рода параметры веб-страницы, подключаются внешние файлы и т.д. Например, тут задается кодировка сайта, прописываются мета теги, title , подключаются css-стили и веб-сценарии. В общем, для работоспособности сайта секция head имеет важнейшую роль.

    Ну а body это тело страницы. Здесь уже мы пишем то, что непосредственно выводиться на экран. Далее мы непосредственно рассмотрим теги, которые используются в теле страницы.

    Форматирование текста

    Обычно о форматировании всегда говорят в первую очередь, когда речь заходит об html. Действительно, что может быть важнее текста на странице и его грамотного оформления?

    Например, создадим три абзаца. Один будет простым, во втором текст будет выделен жирным, а в третьем — подчеркнут.

    Какой-то текст в абзаце, имитируем наполнение

    Какой-то текст в абзаце, имитируем наполнение

    Вот примерно в таком духе мы оформляем текст, используя теги, о которых говорится в той статье.

    Html теги для картинок (изображений)

    Для картинок есть всего 1 основной тег — img . И у него, в свою очередь, всего 1 обязательный параметр — src , то есть путь к файлу. Все остальное можно настраивать через css. Собственно, подробно о вставке картинки я писал также , ну и вот пример самой простой вставки:

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

    Изменять размер катинки можно с помощью атрибутов width и height , но оптимально все же делать это через css. Но кроме тега img в html5 появились еще теги, которая так или иначе помогают оформить картинку. Это figure и figcaption . То есть фигура и подпись к ней. Вообще область применения этих тегов более широка, но мы рассмотрим пример с картинкой:

    Прогулка

    Ну и пару css-строк:

    Figure{ width: 300px; } figcaption{ text-align: center; color: grey; }

    Эти теги просто упростили процесс добавления подписей к картинкам:

    Теги для ссылок

    Анкор

    То есть тоже есть 1 обязательный атрибут — href . Без него браузер просто не будет понимать, куда ему переходить. Адрес нужно указывать с протоколом http:// . Ну и между открывающим и закрывающим тегом указываем непосредственно сам анкор, то есть текст, который увидим на странице.

    Списки на веб-страницах

    Со списками все тоже достаточно просто. Есть 2 типа списков — маркированный и нумерованным. Различия только во внешнем виде нумератора. То есть числа это, или просто маркеры.

    Нумерованный список создается тегом ol , а сами пункты тегами li . В этот тег можно вложить сколько угодно других тегов и любое содержимое.

  • Убрать на столе
  • Приготовить еду
  • Сходить на футбол
  • По умолчанию список уже отображается с определенными отступами.

    Маркированный список, соответственно, создается с помощью тега ul , а внутри него все те же li .

    Таблицы

    Подробно о тегах для таблицы я написал здесь. Если же говорить кратко, то это:

  • table — сам контейнер для таблицы;
  • tr — ряд таблицы, тоже выполняет роль контейнера;
  • td — одна ячейка, именно сюда помещается содержимое;
  • Создадим простую таблицу:

    Ячейка 1 Ячейка 2
    Ячейка 1 Ячейка 2

    Ну и через css я ее немного оформил:

    Table{ border-collapse: collapse; } td{ border: 1px solid red; padding: 15px; }

    Если вам непонятно, что такое css, то приглашаю прочитать заодно , сразу все станет понятно.

    Формы

    Формы также очень важны при создании сайтов, так как они применяются сплошь и рядом. О формах у меня по-моему толковой статьи на блоге еще нет, значит надо написать. Ну а пока создадим простую форму:

    Логин:
    Пароль:
    Я согласен с правилами

    Основные элементы формы:

  • form — непосредственно контейнер формы, в который помещаются все поля. Чтобы форма корректно работала, ей нужно прописывать атрибуты action и method , но это уже работа с языком php.
  • input — поле формы, каким именно оно будет, зависит от значения в атрибуте type . Например, text — поле для ввода обычного текста, password — поле для ввода пароля, checkbox — галочка, submit — кнопка отправки формы. Конечно, это не все значения, но о других подробнее я напишу в отдельной статье про формы (скоро будет).
  • Ну и вспомогательные элементы. В нашем случае это текст и переносы строк.
  • Возможности форм, особенно с приходом html5, стали очень велики. Вы можете делать в них неограниченное количество полей, помечать их как обязательные, задавать паттерны и т.д. Опять же, обо всем этом напишу как-нибудь отдельно.

    Блочные и строчные элементы

    Вообще все элементы в html грубо можно разделить на две категории: блочные и строчные. К строчным относятся, например, теги: b (выделение жирным), img (картинка), a (ссылка) и т.д. То есть их можно несколько раз употребить на одной строке.

    Блочные же — совсем другое дело. Блок может быть только одним в своей строке. Примеры блоков: абзацы, таблицы, списки. То есть на одной строке не может быть 2 абзаца, правильно?

    В html есть теги, которые просто обозначают блочный и строчный элемент, не придавая ему более никаких свойств. Это span и div . Первый строчный, а второй блочный. Используются в верстке сплошь и рядом. Чтобы вы понимали разницу, вот пример:

    Текст Текст Текст Текст Текст Текст

    Вот пожалуй и все основные html теги для создания сайта, которые действительно применяются сплошь и рядом и которые действительно нужно знать.

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

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

    Но во всех случаях слово «теги» означает разметку либо вебстраницы с помощью Html кода, либо всего сайта с помощью меток, либо вашей музыкальной коллекции с помощью указания альбома и песни.

    Что такое теги на сайте (метки для создания навигации)

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

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

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

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

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

    Иногда для их отображения создают отдельную страницу, как было показано на предыдущем скриншоте.

    Почему такой способ разметки с помощью тегов используется не на всех вебсайтах, если это удобно для пользователей? Нет их и на моем блоге, чему есть ряд объяснений. Хотя их использование предусмотрено в по умолчанию, а также существует масса плагинов по работе с тэгами.

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

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

    Что такое Html теги?

    Их впервые я решил изучить еще лет пятнадцать назад, но дальше тега Title у меня тогда дело не продвинулось. Потом мне попался в руки бесплатный видеокурс Евгения Попова по Html и дело пошло. Конечно же, тот курс явился только начальным этапом, но именно такого простого изложения часто и не хватает новичкам.

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

    Но видеокурс видеокурсом, а я же вас должен заинтересовать, чтобы вы его скачали и посмотрели. Из общих фраз ведь не понятно, что же такое теги в языке Html и зачем вам их изучать. О, это великая и простая вещь, которая позволит вам стать властелином собственного сайта. А зачем вам сайт?

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

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

    Итак, теги — это простейшие элементы разметки вебстраницы, чтобы браузер при ее загрузке с сервера понимал, как именно отображать тот или иной элемент (текст, картинку, видео). Раньше язык Html отвечал за все это дело один, но потом ему на помощью пришли и ему стало намного легче. По ним у Попова тоже есть бесплатный видеокурс , который можно скачать отсюда .

    Ребят, когда вы освоите Html теги, то поймете, что это было проще простого. Самое главное начать и как-то себя простимулировать. Я же вам не просто так про финансовую сторону говорю. Сайт может стать основным вашим источником дохода и вся семья сможет с него кормиться. Нужна удача, упорство и не бояться знакомиться с новым.

    Теги бывают разные , но их не много (из тех, что остались актуальными после внедрения в жизнь CSS). Смотрите как просто. Допустим вы хотите создать абзац — просто окружаете текст будущего параграфа открывающим и закрывающим тегами P (это латинская буква и в коде ее лучше писать маленькой, а здесь я сделал ее заглавной для наглядности). Вот так это будет выглядеть:

    Текст текст....... текст текст

    Поняли, чем отличается открывающий Html тег (стоит вначале) и закрывающий (в конце)? Ну, конечно же, просто добавился прямой слеш после треугольной скобки.

    О, я же забыл сказать, по каким признакам браузер отделяет теги (разметку) от основного содержимого. Сами догадались?

    Правильно, это треугольные скобки , в которые мы их заключаем. Браузер увидел такую скобку при разборе кода вебстраницы и понял, что это тег, и обрабатывает все содержащееся в нем по определенному алгоритму (абзацы делает отстоящими друг от друга по высоте, у заголовков увеличивает шрифт и т.д.).

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

    В коде выглядеть они могут, например, так:

    Фактически в них заключается описание и ключевые слова той вебстраницы, для которой они прописаны. Подробнее о них читайте в приведенной чуть выше статье.

    Мета теги прописываются в коде вебстраницы в строго определенном месте. Знаете в каком? Правильно, в так называемой «голове» документа, которая заключается в открывающий и закрывающий теги HEAD .

    Все, что прописывается внутри них (включая и тэги META), отображаться на вебстранице не будет. Это строго служебная информация. Приведенные выше description и keywords сообщают поисковым системам о содержании данной вебстраницы, а приведенный чуть ниже метатег .

    Что такое музыкальные теги в аудио-файлах?

    Когда вы проигрывали музыку в машине или на своем плеере (телефоне), то, наверное, не раз замечали, что отображаются какие-то жуткие кракозябры вместо названия трека и имени автора-исполнителя. Можно было бы предположить, что это названия загруженных музыкальных файлов записаны не в той кодировке русского языка.

    Переименовав файлы с помощью , вы все равно на своем проигрывателе увидите нелицеприятную картину. Что же делать? И кто виноват в сложившейся ситуации? Как ни странно, но причиной являются неправильно прописанные теги в этом музыкальном файле .

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

    Но проблема возникает, как правило, не в их наличии, а в получении возможности их редактировать . В жизни каждого уважающего себя меломана наступает момент, когда он «готов рвать и метать», лишь бы навести порядок в своей коллекции и прописать ко всем трекам правильные и читаемые на любом устройстве теги. Как это сделать?

    С помощью специального софта. Сами теги в аудио-файлах появились впервые в конце прошлого столетия. Для файлов формата MP3 стандарт для их добавления назывался ID3, а для музыкальных файлов, которые сжимаются без потери качества (типа FLAC и подобных ему), стандарт добавления тегов (мета-данных) назывался Vorbis comment.

    Для музыки записанной в Виндосовском формате WMA существует WM metadata, а для яблочных MP4 — iTunes metadata (кстати, совсем недавно писал про то, ).

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

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

    Удачи вам! До скорых встреч на страницах блога сайт

    Вам может быть интересно

    Теги для Инстаграма - зачем нужны и где посмотреть самые популярные их них
    Хештеги - что это такое и как используют хэштеги в Твиттере, Инстаграме и других местах Как автоматически добавить атрибут Alt в теги Img вашего блога на WordPress (там, где их нет)
    Радикал - бесплатный фотохостинг с быстрой и простой загрузкой фото через Radikal.ru
    Ссылка - что это такое и как ее создать Что такое кэш - как очистить кеш в Опере, Мозиле, Хроме и других браузерах
    Большой Вопрос - как зарабатывать на сервисе вопросов и ответов Сравнение - это прием украшающий образ (примеры из литературы) Что такое Смарт ТВ в телевизоре

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

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

    Что же касается примеров использования тегов, то нет ничего лучше, чем рассматривать уже готовый html код готовых интернет сайтов, для этого в браузере нужно найти вкладку "отобразить исходный код страницы" , обычно она есть в каждом браузере. (Браузер - программа с помощью которой Вы просматриваете страницы в интернете).

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

    echo $sape->return_links(); ?>

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

    Основные теги
    Определяет тип документа как web страницу.
    Служебная часть документа, не отображаемая в браузере, тут размещаются заголовок, описание, ключевые слова и т.д.
    Между этими тегами располагается непосредственно сама web сраница, которую Вы видите на экране, могут размещаться и другие типы данных.
    Определяет способ сканирования данных для роботов поисковых систем.
    Указывается информация для поисковых роботов.
    В данном теге можно указать авторство.
    Для обеспечения работы с поисковыми серверами, указываются ключевые слова, через запятую.
    Применяется для не полностью прописанных ссылок, указывает начальный адрес в интернете
    Краткое описание web страницы, будет показано в результатах поиска поисковиками.
    Тег для заголовка страницы
    Определяет цвет фона web страницы
    Определяет цвет текста web страницы
    Задается цвет гиперссылок в нормальном состоянии
    Задает цвет уже просмотренных гиперссылок.
    Задает цвет выделенной гиперссылки.
    Тег заголовка, создает самый крупный заголовок, цифра 1 может меняться в пределах от 1 до 6. Шесть будет самый мелкий заголовок.
    Делает текст полужирным.
    Форматирует текст в наклонный.
    Иммитация стиля печатной машинки.
    Название переменных отображается курсивом
    Выделение цитат курсивом
    Создает абзац с текстом выделенным курсивом.
    Курсив (воспринимается поисковиками как выделение)
    Полужирное форматирование текста (воспринимается поисковиками, как особо сильное выделение)
    Устанавливает размер шрифта, значение от 1 до 7.
    Задает цвет текста.
    Оформление гиперссылок в html
    Создает гиперссылку, имеется ввиду как внутренние так и внешние гиперссылки.
    Указывает в каком окне открывать гиперссылку.
    Гиперссылка для отправления почтового сообщения по электронной почте.
    Создает гиперссылку на метку в текущей странице.
    Ставит метку для гиперссылки на текущей странице.
    Гиперссылка на метку другой страницы.
    Форматирование текста
    Создает новый параграф
    Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
    Запрещает перевод строки.
    Указывает где разбивать строку для переноса при необходимости.

    Вставляет перевод строки.
    Создает отступы с обеих сторон текста.
    Создает список определений.
    Определяет каждый из терминов списка
    Описывает каждое определение
    Форматирует текст в пронумерованный список
  • Определяет каждый элемент списка и присваивает порядковый номер
    Тег для создания ненумерованного списка
  • Отмечает каждую новую позицию в списку гружком или квадратиком.
    Данный тег используется для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
    Графические элементына странице
    Вставляет изображение на страницу.
    Форматирует положение изображения в документе, может иметь значения: left, right, center; bottom, top, middle.
    Устанавливает толщину рамки вокруг изображения
    Устанавливает поля сверху и снизу
    Устанавливает поля слева и справа.
    Создает всплывающую подсказку
    Добавляет горизонтальную линию.
    Указывает толщину линии.
    Указывает ширину линии в пикселах или процентах.
    Линия без тени.
    Определяет цвет линии.
    Создание таблиц
    Тег создающий таблицу.
    Задает строку в таблице.
    Задает отдельную ячейку в таблице.
    Задает заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом)
    Какие бывают атрибуты таблицы
    Назначает подпись таблицы
    Определяет толщину рамки.
    Определяет расстояние между ячейками.
    Поля для текстового содержимого ячейки.
    Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах)
    или или
    Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах)
    Определяет горизонтальное выравнивание положения ячеек в таблице, может иметь значения: left, center, right.
    Определяет вертикальное выравнивание положения ячеек в таблице, может иметь значения: top, middle, или bottom.
    Указывает количество столбцов, объединенных в одной ячейке.
    Указывает количество строк, объединенных в одной ячейке.
    Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
    Задает ширину ячейки таблицы в пикселях или процентах.
    Задает высоту ячейки таблицы в пикселях или процентах.
    Фреймы в документах html
    Предшествует тегу на фреймовой странице.
    Определяет строки в таблице фреймов, значение высоты которых определяется количеством пикселей или в процентах.
    Определяет столбцы в таблице фреймов, значение ширины которых определяется количеством пикселей или в процентах.
    Задает единичный фрейм или область в таблице фреймов.
    Задает информацию, которую увидит посетитель в случаях, когда показ фрейма невозможен.
    Используемые атрибуты фреймов html
    Привязка web страницы к окну фрейма.
    Назначает фрейму имя, для улучшения маршрутизации информации между фреймами и страницами.
    Отступы по горизонтали внутри фреймового окна.
    Отступы по вертикали внутри фреймового окна.
    Запрещает изменение размеров фреймового окна посетителем сайта.
    Ифрейм и его атрибуты
    Создает контейнер, который может содержать любые элементы. Другие элементы страницы будут обтекать данный контейнер.
    Привязывает web страницу к окну ифрейма.
    Назначает ифрейму имя, для улучшения маршрутизации информации.
    Задает отступы по горизонтали снаружи ифрейма.
    Задает отступы по вертикали снаружи ифрейма.
    Задает поля по горизонтали внутри ифрейма.
    Задает поля по вертикали внутри ифрейма.
    Создает линейку прокрутки фрейма; значение value может быть "yes," "no," или "auto". По умолчанию - auto.
    Задает ширину ифрейма
    Задает высоту ифрейма;
    Закрепляет текст контекстной помощи.
    Теги относящиеся к формам
    Тег для создания формы.
    Создает меню со скроллингом. Атрибут s ize определяет численность пунктов в меню видимых сразу без использования линейки прокрутки.
    Задает каждый элемент меню по отдельности.
    Создает ниспадающее меню
    Размещает редактируемое окно для ввода текста. Атрибуты сolumns - задает значение ширины окна, а rows соответственно высоту.
    Размещает элемент checkbox.
    Размещает элемент типа radio кнопки.
    Размещает строку для ввода текста. Атрибутом Size задается длина в символах.
    Размещает на странице кнопку "Отправить"
    Размещает на странице "Отправить" с использованием графического изображения.
    Размещает на странице "Очистить".

    Тег - это специальное зарезервированное слово, заключённое в угловые скобки (например, ). Тег - основная составляющая HTML: им код начинается, им же заканчивается, внутри тегов заключается отображаемая на веб-странице информация. Записывать их рекомендуется в нижнем регистре, то есть обычными маленькими буквами: не , а .

    Какими бывают теги?

    Большинство HTML-тегов являются парными: есть открывающий (например, ) и закрывающий тег, который от открывающего отличает слеш (/ ) после первой угловой скобки (например, ). Всё, что находится внутри пары тегов, называется их содержимым .

    Содержимое Помещённый внутри этих тегов текст становится жирным

    Бывают и непарные (одиночные) теги, которые называются метками . Их, в отличие от парных тегов, не нужно закрывать, потому что они не работают с содержимым, а выполняют какую-то функцию сами по себе. Пример одиночного тега -
    . Он устанавливает перенос текста на следующую строку.

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

    Любой тег состоит из:

    • Открывающей угловой скобки (< ).
    • Специального слова (имени тега). Например, hr , iframe , b .
    • Закрывающей угловой скобки (> ).
    Основные HTML-теги

    Так как теги - основа языка разметки, не удивительно, что их довольно много. Рассмотрим основные, самые важные теги.