Сертификат
You can create some beautiful content by using some simple HTML elements. The Warp theme framework offers some neat styles for all HTML elements and a great set of CSS classes to style your content. Basic HTML is very easy to learn and this small guide shows you how to use all styles provided by the Warp framework.
Вы можете создать несколько красивых содержимое с помощью некоторых простых HTML элементы. Рамки Деформация тема предлагает некоторые опрятные стили для всех HTML элементов и большой набор классов CSS в стиле вашего контента. Основные HTML очень прост в освоении и это небольшое руководство покажет вам, как использовать все стили, предоставляемых средой Warp.
Basic HTML Elements
Основные HTML Элементы
Here is a short demonstration of text-level semanticts. The <p> element creates a new paragraph. It will have some space before and after itself. To turn your text into hypertext just use the <a> element.
Вот короткий демонстрация semanticts текст уровня.<Р> элемент создает новый абзац. Он будет иметь некоторое пространство до и после себя. Чтобы включить текст в гипертекст просто использовать элемент <a>.
Семантика текстового уровня
You can emphasize text using the <em> element or to imply any extra importance the <strong> element. Highlight text with no semantic meaning using the <mark> element. Markup document changes like inserted or deleted text with the <del> element or <ins> element. To define an abbreviation use the <abbr> element and to define a definition term use the <dfn> element.
Вы можете выделить текст с помощью <их> элемент или подразумевать любой дополнительной важности <сильный> элемент. Выделите текст с семантического значения, используя <знак> элемент. Разметки документ изменяется, как вставленный или удаленный текст с <Del> элемента или <модули> элемента. Чтобы определить аббревиатура использовать <сокр> элемент и определить термин определение используйте <DFN> элемент.
Short List with Links
- YOOtheme - Premium Joomla Templates and WordPress Themes
- Warp Framework - Fast and Slick Theme Framework
- ZOO - Content Application Builder
- Stock Icons - For Web and Print Projects
Краткий список со ссылками
YOOtheme - Премиум Joomla Templates и WordPress Темы
Деформация Framework - Быстрый и Slick Тема Framework
ZOO - Содержимое Builder Применение
Иконки - Для веб и печати проектов
Quotations and Code
Inline quotations can be defined by using the <q> element
.
The <blockquote> element defines a long quotation which also creates a new block by inserting white space before and after the blockquote element.
To define a short inline computer code use the <code> element
. For a larger code snippet use the <pre> element which defines preformatted text. It creates a new text block which preserves both spaces and line breaks.
pre { margin: 15px 0; padding: 10px; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 18px; white-space: pre-wrap; }
Use the <small> element for side comments and small print.
Котировки и код
Встроенные цитаты могут быть определены с помощью "<д> элемент".
<BLOCKQUOTE> определяет обширную цитату, которая также создает новый блок, вставив пробел до и после Blockquote элемента.
Чтобы определить короткая рядный компьютерный код использовать <код>, элемент. Для большего фрагмента кода используйте <PRE> элемент, который определяет предварительно отформатированный текст. Он создает новый текстовый блок, который сохраняет и пробелы и разрывы строк.
предварительно {
Рентабельность: 15px 0;
обивка: 10px;
семейство шрифтов: "Courier New", Курьер, моноширинный;
Размер шрифта: 12px;
высота строки: 18px;
пробелами: предварительно обертывание;
}
Используйте <маленький> элемент для боковых комментарии и мелким шрифтом.
Useful CSS Classes
Полезные классов CSS
Here is a short demonstration of all style related CSS classes provided by the Warp framework.
Вот короткий демонстрация всех относящихся к стилю классов CSS, предусмотренных рамках Warp.
Highlight Content
Выделите Содержимое
Drop caps are the first letter of a paragraph which are displayed bigger than the rest of the text. You can create a drop cap using the CSS class dropcap
. To emphasize text with some small boxes use <em> element with the CSS class box
.
Буквицы являются первой буквой абзаца, которые, чем остальной части текста, отображаемого больше. Вы можете создания буквицы с помощью класса CSS dropcap. Чтобы подчеркнуть текст с некоторыми маленькие коробочки использовать <их> элемент с коробки класса CSS.
box-content
.box-note
.box-info
.box-warning
.box-hint
.box-download
.Это простая коробка, чтобы выделить текст с помощью класса CSS коробка-к сведению.
Это простая коробка с полезной информацией с помощью класса CSS коробка-инфо.
Это простая коробка с важными примечаниями и предупреждениями с помощью класса CSS коробка-предупреждение.
Это простая коробка с дополнительными оттенками с помощью класса CSS коробка-подсказку.
Это простая коробка с загрузки информации с помощью класса CSS коробка-загрузку.
Use the CSS class dotted
to create a dotted horizontal rule.
Используйте класс CSS пунктирный создать пунктирную горизонтальную линию.
Tables
Столы
Create a zebra stripped table using using the CSS class zebra
.
Создать зебры лишен таблицы с помощью с помощью класса CSS зебра.
Table Heading | Table Heading | Table Heading |
---|---|---|
Table Footer | Table Footer | Table Footer |
Table Data | Table Data | Data Centered |
Data Bold | Table Data | Data Centered |
Table Data | Table Data | Data Centered |
Definition Lists
Списки определений
Create a nice looking definition list separated with a line by using the CSS class separator
.
- Definition List
- A definition list is a list of terms and corresponding definitions. To create a definition list use the <dl> element in conjunction with <dt> to define the definition term and <dd> to define the definition description.
- Definition Term
- This is a definition description.
- Definition Term
- This is a definition description.
- This is another definition description.
- Создать хороший список перспективных четкости отделенный с линии с помощью сепаратора класса CSS.
Список определений
Список определений является перечень терминов и соответствующих определений. Для создания списка определений использовать <DL> элемент в сочетании с <дт> определить термин и <дд> определить описание определения.
Определение срок
Это описание определения.
Определение срок
Это описание определения.
Это еще одно описание определение.
Forms Формы
Create a clearly arranged form layout with fieldset boxes using the CSS class box
.
Создать наглядный макет формы с Fieldset коробок с использованием коробку класса CSS.