НовоВики. «Мой Новосибирск родной!»
Справка:Оформление страниц НовоВики
Содержание |
Работа с текстом
Заголовки
Код | Результат |
---|---|
=Заголовок 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"/>
Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.
Блоки
Образова́ние — целенаправленный процесс воспитания и обучения в интересах человека, общества, государства, сопровождающийся констатацией достижения гражданином (обучающимся) установленных государством образовательных уровней (образовательных цензов)
Код | Результат | |
---|---|---|
<div style="background-color:#D7FFC7;font-size:1px;height:8px;border:1px solid #AAAAAA;-moz-border-radius-topright:0.5em;-moz-border-radius-topleft:0.5em;"></div> <div style="border:1px solid #97BF87;border-top:0px solid white;padding:5px 5px 0 5px;margin-bottom:3ex;"> Здесь можно расположить любой текст</div> |
Здесь можно расположить любой текст
| |
<div style="border:1px solid #FF9600; float:right; width:200px; solid white;padding:5px 5px 0 5px;margin-bottom:3ex; font-size: 9px"> Парам-парам-парам-пам </div>
<div style="border:1px solid #FF9600; float:left; width:200px; solid white;padding:5px 5px 0 5px;margin-bottom:3ex; font-size: 9px">
Парам-парам-парам-пам</div>
Показан пример расположения двух контейнеров, содержащих информацию и расположенных по краям страницы. |
Парам-парам-парам-пам
Парам-парам-парам-пам
Показан пример расположения двух контейнеров, содержащих информацию и расположенных по краям страницы. | |
{|cellpadding="15" cellspacing="10" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto" | style="width: 50%; border: 4px solid #228B22; -moz-border-radius-topleft: 66px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 66px; height: 60px; background-color: #C1FFC1;" | ТЕКСТ, ТЕКСТ, ТЕКСТ |} |
|