НовоВики. «Мой Новосибирск родной!»
Справка:Оформление страниц НовоВики — различия между версиями
(→Выравнивание) |
(→Границы) |
||
Строка 166: | Строка 166: | ||
|- | |- | ||
| | | | ||
+ | <nowiki>{|</nowiki> cellpadding="10" cellspacing="5" style="width: 100%;" | ||
+ | |||
+ | <nowiki>| style="width: 50%; border: 2px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 80px; height: 60px;" |</nowiki> | ||
+ | |||
+ | ТЕКСТ, ТЕКСТ, ТЕКСТ | ||
+ | |||
+ | <nowiki>|style="width: 50%; border: 10px solid green; -moz-border-radius-topleft: 80px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" |</nowiki> | ||
+ | |||
+ | ТЕКСТ, ТЕКСТ, ТЕКСТ | ||
+ | |||
+ | <nowiki>|}</nowiki> | ||
| | | | ||
+ | {| cellpadding="10" cellspacing="5" style="width: 100%;" | ||
+ | | style="width: 50%; border: 2px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 80px; height: 60px;" | | ||
+ | ТЕКСТ, ТЕКСТ, ТЕКСТ | ||
+ | |style="width: 50%; border: 10px solid green; -moz-border-radius-topleft: 80px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" | | ||
+ | ТЕКСТ, ТЕКСТ, ТЕКСТ | ||
+ | |} | ||
+ | |} | ||
+ | |||
+ | '''где:''' | ||
+ | |||
+ | {|class="standard" | ||
+ | |<nowiki>style=</nowiki> | ||
+ | |<nowiki>"width: 50%;</nowiki> | ||
+ | |<nowiki>border: 2px</nowiki> | ||
+ | |<nowiki>solid #777777;</nowiki> | ||
+ | |<nowiki>-moz-border-radius-topleft: 8px;</nowiki> | ||
+ | |<nowiki>-moz-border-radius-bottomleft: 8px;</nowiki> | ||
+ | |<nowiki>-moz-border-radius-topright: 8px;</nowiki> | ||
+ | |<nowiki>-moz-border-radius-bottomright: 8px;</nowiki> | ||
+ | |<nowiki>height: 60px;"</nowiki> | ||
+ | |- | ||
+ | |стиль="ширина: 50%; | ||
+ | |толщина границы:2пикселя; | ||
+ | |цвет границы СЕРЫЙ; | ||
+ | |<nowiki>-скругление-левого-верхнего-угла: 8 пикселей;</nowiki> | ||
+ | |<nowiki>-скругление-левого-нижнего-угла: 8 пикселей;</nowiki> | ||
+ | |<nowiki>-скругление-правого-верхнего-угла: 8 пикселей;</nowiki> | ||
+ | |<nowiki>-скругление-правого-нижнего-угла: 8 пикселей;</nowiki> | ||
+ | |высота: 60 пикселей;" | ||
|} | |} | ||
Версия 01:03, 25 февраля 2012
Содержание |
Работа с текстом
Заголовки
Код | Результат |
---|---|
=Заголовок 1-го уровня= |
Заголовок 1-го уровня |
==Заголовок 2-го уровня== |
Заголовок 2-го уровня |
===Заголовок 3-го уровня=== |
Заголовок 3-го уровня |
====Заголовок 4-го уровня==== |
Заголовок 4-го уровня |
=====Заголовок 5-го уровня===== |
Заголовок 5-го уровня |
======Заголовок 6-го уровня====== |
Заголовок 6-го уровня |
Размер текста
Код | Результат |
---|---|
<font size="6">Текст размером 6</font> | Текст размером 6 |
<font size="5">Текст размером 5</font> | Текст размером 5 |
<font size="4">Текст размером 4</font> | Текст размером 4 |
<font size="3">Текст размером 3</font> | Текст размером 3 |
<font size="2">Текст размером 2</font> | Текст размером 2 |
<font size="1">Текст размером 1</font> | Текст размером 1 |
Цвет текста
Цвета (наименование или код) см. в справочной статье "Таблица цветов HTML".
Код | Результат |
---|---|
Цветной текст
<span style="color:#008000">Образова́ние</span> — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов) |
Образова́ние — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов) |
Цветной абзац
<div style="color:red">Образова́ние</div> — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов) |
Образова́ние — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов)
|
Выравнивание текста
Этот абзац отцентрирован. Использована конструкция: <p style="text-align:center">текст абзаца</p>
. Для того, чтобы лучше показать, чем отличается выравнивание по центру от выравнивания по ширине, по левому и по правому краю, пришлось вставить этот текст.
Этот абзац выровнен по ширине. Использована конструкция: <p style="text-align:justify">текст абзаца</p>
. Для того, чтобы лучше показать, чем отличается выравнивание по ширине от выравнивания по центру, по левому и по правому краю, пришлось вставить этот текст.
Этот абзац выровнен по левому краю. Использована конструкция: <p style="text-align:left">текст абзаца</p>
. Для того, чтобы лучше показать, чем отличается выравнивание по левому краю от выравнивания по центру, по ширине и по правому краю, пришлось вставить этот текст.
Этот абзац выровнен по правому краю. Использована конструкция: <p style="text-align:right">текст абзаца</p>
. Для того, чтобы лучше показать, чем отличается выравнивание по правому краю от выравнивания по центру, ширине и по левому краю, пришлось вставить этот текст.
По умолчанию принято выравнивание по левому краю.
Цвет фона текста
Цвета (наименование или код) см. в справочной статье "Таблица цветов HTML".
Код | Результат |
---|---|
Фон для одного или нескольких слов
<span style="background-color:yellow">Образова́ние</span> — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов) |
Образова́ние — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов) |
Фон абзаца
<div style="background-color:yellow">Образова́ние</div> — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов) |
Образова́ние — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов)
|
Оформление таблиц
Выравнивание
Код | Результат |
---|---|
Выравнивание по вертикали | |
|
Содержимое ячейки выровнено по верхнему краю |
|
Содержимое ячейки выровнено по центру (по вертикали) |
|
Содержимое ячейки выровнено |
Выравнивание по горизонтали | |
style="text-align: left"|Содержимое ячейки выровнено по левому краю | Содержимое ячейки выровнено по левому краю |
style="text-align: center"|Содержимое ячейки выровнено по центру (по горизонтали) | Содержимое ячейки выровнено по центру (по горизонтали) |
style="text-align: right"|Содержимое ячейки выровнено по правому краю | Содержимое ячейки выровнено по правому краю |
align="center"|Содержимое ячейки выровнено по центру (по горизонтали) | Содержимое ячейки выровнено по центру (по горизонтали) |
Выравнивание по вертикали и горизонтали | |
|
Текст выровненный по верхнему правому краю |
Границы
Цвета (наименование или код) см. в справочной статье "Таблица цветов HTML".
Код | Результат | ||
---|---|---|---|
{| cellpadding="10" cellspacing="5" style="width: 100%;" | style="width: 50%; border: 2px solid #777777; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 80px; height: 60px;" | ТЕКСТ, ТЕКСТ, ТЕКСТ |style="width: 50%; border: 10px solid green; -moz-border-radius-topleft: 80px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" | ТЕКСТ, ТЕКСТ, ТЕКСТ |} |
|
где:
style= | "width: 50%; | border: 2px | solid #777777; | -moz-border-radius-topleft: 8px; | -moz-border-radius-bottomleft: 8px; | -moz-border-radius-topright: 8px; | -moz-border-radius-bottomright: 8px; | height: 60px;" |
стиль="ширина: 50%; | толщина границы:2пикселя; | цвет границы СЕРЫЙ; | -скругление-левого-верхнего-угла: 8 пикселей; | -скругление-левого-нижнего-угла: 8 пикселей; | -скругление-правого-верхнего-угла: 8 пикселей; | -скругление-правого-нижнего-угла: 8 пикселей; | высота: 60 пикселей;" |
Цвет фона
Цвета (наименование или код) см. в справочной статье "Таблица цветов HTML".
Код | Результат |
---|---|
Фон ячейки таблицы
style="background-color:#FA8072;" | текст |
текст |
Фон ячейки таблицы (альтернативный вариант)
bgcolor="#FEDBCA" | текст |
текст |
Изображения
Выравнивание изображения
Вы можете размещать изображение справа: [[Файл:640px-Wiki0.png|100px|right|thumb|Вики-технологии - это ...]]
Вы можете размещать изображение по центру: [[Файл:640px-Wiki0.png|100px|center|thumb|Вики-технологии - это ...]]
Вы можете размещать изображение слева: [[Файл:640px-Wiki0.png|100px|left|thumb|Вики-технологии - это ...]]
Окончание обтекания текстом изображения
Для пометки окончания обтекающего изображение текста используйте специальный HTML-код:<br clear="all"/>
Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.
Блоки
Код | Результат |
---|---|