0
7
5

Полезных и доступных

уроков!

HTML: Вложенные теги

5-10
4250
0

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

Вложенность может достигать нескольких уровней. Крайне важно правильно вкладывать одни теги в другие, учитывая их последовательность. Закрывать теги нужно в той же последовательности, в которой их открывали. Например:


На примере выше мы видим код обычного меню для сайта. Разберем его:

1 строка Первый тег - В него мы поместили список, он был открыт первым, значит закрываем его после всех остальных.

2 строка Второй тег - Сам список, который состоит из пунктов, он был открыт до пунктов, значит закроем его после пунктов.

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

4 строка Второй пункт - В данном пункте есть еще один тег - ссылка, значит сначала мы закроем ссылку, а потом сам тег второго пункта.

Также, мы рекомендуем делать отступы при написании кода (табуляцию), один "Tab" равен четырем пробелам.

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

Код ссылки в заголовке

Заголовок-ссылка

Код ссылки в параграфе

    А вот здесь моя ссылка.

Вступи в группу - получи ШАРУ!!!

1. Присоединись к нашей группе Вконтакте.

2. Зарегистрируйся на сайте или войди под своим аккаунтом.

3. Пришли аккаунт и ссылку на профиль вКонтакте к нам на почту - support@uconstructor.com, а заодно и название материала, которое хочешь получить сейчас и бесплатно!

Что дать вебмастеру?

Советуем:

Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Уровни

Легкий - не требует знаний языков веб-программирования.

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

Сложный - сложного уровня у нас нет, вы справитесь с любым уроком!

Продвигай и зарабатывай:

Фото для твоего сайта:

Стоковые изображения
МОДНОЕ МЕНЮ НА CSS

Стильное меню на чистом CSS вы можете поставить его на свой сайт прямо сейчас, бесплатно!

Для Всех Пользователей
Какие фоны у нас есть?
  • 20% Темный
  • 19% Стена и камни
  • 17% Светлый
  • 9% Сетка
464+55
Крутых фона для сайта
Какие они -
рабочие места?
У нас есть кириллические шрифты:
  • 1. С засечками
  • 2. Без засечек
  • 3. Рукописные
  • 4. Трафаретные
  • 5. Исторические
  • 6. Еще..........
Сделать бесплатный сайт с uCoz Проверка тиц Яндекс.Метрика Здесь находится аттестат нашего WM идентификатора 345536186407