Примеры использования
Знаки "<" и ">" применяются для отображения в браузере html кода. Например, чтобы в браузере получилась такая строчка
<h3>Уроки HTML</h3>
В html страничке нам необходимо написать сдедующее:
< h3 > Уроки HTML < /h3 >
Товарный знак ™ используется на странике продуктов http://www.colorpilot.ru/products.html
Строка на странице в браузере:
Form Pilot Home™ - заполнение бумажных бланков Эта же строка в html коде будет выглядеть так:
<a href="fphcomics.html">Form Pilot Home</a> - заполнение бумажных бланков
Знак копирайта © используется при подписи фотографий, когда необходима ссылка на автора.
Пример можно посмотреть на этой страничке
http://www.colorpilot.ru/makeup.html
Надпись под фотографией
Photo © Alexander Saltykov
имеет такой html код:
Photo © Alexander Saltykov
Что такое CSS?
Что такое CSS?
Преимущества CSS перед HTML
Что такое CSS?
CSS (Cascade Style Sheet) - каскадные таблицы стилей. Это своего рода расширение HTML, дающее web-разработчику дополнительные возможности.
Стиль (style) - это набор элементов форматирования текста. Например, цвет текста, шрифт, размер, выравнивание и т.д. Все эти параметры можно хранить в стилях.
Но ведь и HTML позволяет оформлять текст с помощью тегов форматирования.
В чем же преимущество CSS перед HTML?
Преимущества CSS перед HTML
CSS одним действием позволяет изменять сразу всю группу параметров.
Например, в наших уроках все заголовки, заданные тегами <h1>, <h2>, <h3> и <h4> оранжевого цвета. В обычном HTML для этого нам понадобилось бы каждый заголовок поместить в контейнер <font> с
параметром color="#CD6600":
<font color="#CD6600"><h1>Заголовок 1</h1></font>
...
<font color="#CD6600"><h4>Заголовок 4</h4></font>
И если бы понадобилось изменить цвет заголовков, нам пришлось бы искать их по всему документу и изменять каждый заголовок в отдельности.
А с помощью CSS мы создали стиль для тегов <h1>, <h2>, <h3> и <h4> в отдельном файле style_school.css (см. строка 22). И все заголовки, заданные этими тегами, без дополнительных тегов будут обладать нужными свойствами.
И если мы захотим изменить какое-либо свойство у заголовков, нам достаточно будет изменить стиль тегов, и все заголовки будут автоматически изменены.
Стили предоставляют разработчику гораздо больше возможностей по сравнению с обычным HTML.
Например, с помощью стилей можно задать такие свойства текста, которые нельзя задать с помощью стандартных параметров того или иного html-тега.
Все стили можно хранить в отдельном файле. Браузер кэширует (запоминает) такие файлы, поэтому загружаться Ваш сайт будет немного быстрее.
11 Добавление стилей
Внутренние стили
Глобальные стили
Связанные стили
Сочетание различный видов стилей
Упражнение
Стили можно добавить тремя способами.