Изучайте бесплатно язык програмирование delphi pascal css html уроки
- Урок 1 Учебник CSS Учебник HTML 

Урок 9. Элементы "span" и "div". Учимся группировать элементы сайта

Элементы и  

- важная часть CSS, поэтому им посвящен отдельный урок.

Они отвечают за структурирование html-документа и применяются совместно с "class" и "id", либо самостоятельно.

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

Рассмотрим пример. У нас есть заголовок:

<---h1>Все цвета радуги<---/p>

Давайте расцветим его с помощью элементов :

<---h1> Все <---span class="red">ц<---/span><---span class="orange">в<---/span><---span class="yellow">е<---/span><---span class="green">т<---/span><---span class="blue">а<---/span>  радуги<---/h1>

И вот что мы видим в итоге:

Все цвета радуги

Немного громоздкая конструкция, не правда ли? Однако это же вам не текстовый редактор – каждый отдельный элемент сайта требует кодирования. Кроме того, если вы делаете сайт в программе с визуальным редактором, например, в Adobe Dreamweaver, то все это писать вам не понадобится – вы только выделяете каждую букву соответствующим ей цветом (как в Word’е, например), а программа сама прописывает код.

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

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

См. также

Яндекс цитирования http://romasaikin.narod2.ru Поисковый анализ сайта Счетчик Тиц

aRuma бесплатная регистрация в каталогах банковская гарантия
Таможенное оформление

http://planet-animalia.narod.ru/

2

Бесплатный хостинг uCoz