Поскольку я далека от дизайна сайтов, языков програмирования и прочего, что необходимо для создания оформления блога, я пользуюсь уже готовыми дизайнами, в которых уже указано что и где мне нужно поменять, чтобы оформление приняло тот вид, который заявлен в описании.
Но мое природное любопытство естественно пробудило мой интерес, и я решила узнать что же обозначают все те тэги, которые я встречаю в коде. Знание этих основ и небольшая практика позволили мне переделывать готовые дизайны в большей степени. Итак:
- <i> курсив
- <small> уменьшенный текст>
- <b> жирный текст
- <br> пробел между строками
- <hr> горизонтальная линия
- <ul> вставляет значок кнопки для каждого элемента списка.
- <ol> нумерует каждый элемент списка.
- <li> создание элемента списка
- <table> начало и конец таблицы.
- <tr> начинает и заканчивает горизонтальный ряд ячеек.
- <td> начинает и заканчивает каждую ячейку ряда таблицы.
- <a> ссылки (a:link - непосещенные и a:visited - посещенные)
- <hover> используется для ссылок, над которыми находится указатель мыши.
- <align> выравнивание содержимого по горизонтали (left, center или right)
- <valign> выравнивание по вертикали (top, middle или bottom)
- <color> описывает цвет переднего плана элемента.
- <background-color> описывает цвет фона элемента.
- <background-image> используется для вставки фонового изображения.
- <background-repeat: repeat-x> рисунок повторяется по горизонтали
- <background-repeat: repeat-y> рисунок повторяется по вертикали
- <background-repeat: repeat> рисунок повторяется по горизонтали и вертикали
- <background-repeat: no-repeat>рисунок не повторяется
- <background-attachment: scroll>изображение прокручивается вместе со страницей - разблокировано
- <background-attachment: fixed> изображение зафиксировано
- <background-position: 2cm 2cm>рисунок расположен на 2 cm слева и на 2 cm сверху
- <background-position: 50% 25%>Рисунок расположен по центру и на четверть экрана сверху
- <background-position: top right>Рисунок расположен в правом верхнем углу страницы
- <font-family> указывает приоритетный список шрифтов, используемых для отображения данного элемента или web-страницы.
- <font-size>Размер шрифта
- <text-indent> позволяет выделить параграф с помощью установки отступа для его первой строки
- <text-decoration> позволяет добавлять различные "декоративные эффекты" (underline - подчеркнутый, overline - черта над текстом, line-through - перечеркнутый)
- <letter-spacing>Интервал между буквами текста
- <text-transform>управляет регистром символов (capitalize - каждое слово с заглавной, uppercase - все слово заглавными, lowercase - все слово прописными, none - без трансформации)
- <margin> расстояние от каждой стороны с до соседних элементов (или краёв документа) (right, left, top и bottom)
- <padding>заполнение цветом для заголовков
- <border-width>Толщина рамки (thin, medium и thick, или числовое значение в пикселах)
- <border-color> определяет цвет рамки (значения цвета, например: "#123456", "rgb(123,123,123) " или "yellow")
- <border-style>стиль рамки
- <height>высота элемента
- <width>ширина элемента
- <float>Всплывающие элементы (left, right или none)
- <position>позиционирование на странице (absolute и relative) (left, right, top и bottom)
- <z-index>наслоение