CSS не для профи
Начинаю небольшую серию уроков по таблицам стилей CSS не для профи, а для тех, кто хочет просто слегка подправить свой блог.
Но прежде, чем приступить к стилям, я хочу сказать пару слов о HTML, потому что стили применяются не сами по себе, а к конкретным элементам блога, которые и задаются с помощью этого самого HTML.
HTML расшифровывается как Hyper Text Markup Language – язык разметки гипертекста. Я не буду читать подробные лекции о нем, назначение тегов описывается в любом справочнике.
Приведу лишь краткое описание наиболее часто используемых команд или тегов этого языка.
<div> …</div> – контейнер, содержащий в себе другие элементы HTML. Сам по себе он не имеет никакого смысла. Так же как и скобки в любом математическом примере:
(3+5)*6 – скобки здесь имеют вполне определенный смысл, а если мы просто напишем ( ) – то что это значит? Да ничего… Так и тег <div>, хотя и совершенно пустой он может выглядеть на блоге в виде прямоугольника.
Его основное назначение – определять внешний вид и местоположение тех элементов, которые в нем находятся.
<h1>…</h1> – Заголовок первого уровня. Используется обычно для заголовка всего блога.
<h2>…</h2> – Заголовок второго уровня, чуть поменьше, используется для заголовков постов, в виджетах и т.п.
…
<h6>…</h6> – Заголовок шестого уровня, очень мелкий, используется для всяких пометок.
<a href=”адрес ссылки”> – Гиперссылка. Используя этот тег можно добавить ссылки на все, что угодно.
<img src=”адрес картинки”> – Вставка картинок.
<ul>…</ul> – Маркированный список
<ol>…</ol> – Нумерованный список
<li> – Элемент списка.
<p>…</p> – абзац. WopdPress автоматически вставляет этот тег в ваш текст, как только вы нажимаете ENTER
И т.д.
В принципе, для того, чтобы немного подправить дизайн своего блога совсем не обязательно знать все эти теги, а если вам они понадобятся, то пишите – сделаю урок и по HTML
Теперь о главном:
- Зачем надо знать хотя бы приблизительно что такое теги и что они обозначают?
Отвечаю:
- Для того чтобы определить внешний вид какого именно элемента вашего блога вы хотите изменить.
Помните, в видеоуроках Как изменить цвет в шаблоне блога и А что там внутри? я рассказывала о том, что в WopdPress, да и вообще во всех современных сайтах, содержание вместе с логической структурой отделены от оформления:
Например, на этой картинке для выделенного элемента видно из чего он состоит – это элементы:
<div>, <h4>, <ul>, <li>, <a> (помечено 1 на рисунке)
И как этот элемент выглядит ( 2 )
В следующих уроках я расскажу о самых основных правилах применения стилей CSS.
Желаю вам успехов в оформлении блога
Марина Макарова
* * *
Ищите жилье в Киеве? На сайте http://www.parklane.ua/ вы найдете самые разные квартиры аренда которых может быть оформлена быстро и с соблюдением всех формальностей.
