Html wiki: Html — Викиучебник — Вебджем.рф | Создание и продвижение сайтов

Содержание

Справка:Форматирование — MediaWiki

Languages:

Bahasa Indonesia
Deutsch
English
Esperanto
Lëtzebuergesch
Nederlands
Qaraqalpaqsha
Sunda
Tagalog
Tiếng Việt
Türkçe
Yorùbá
asturianu
bosanski
català
dansk
español
français
italiano
magyar
norsk bokmål
occitan
polski
português
português do Brasil
română
slovenčina
suomi
svenska
čeština
беларуская (тарашкевіца)
русский
українська
қазақша
עברית
العربية
سنڌي
فارسی
پښتو
कॉशुर / کٲشُر
हिन्दी
தமிழ்
മലയാളം
සිංහල
ไทย
中文
日本語
한국어

Заметка: Рэдагуючы эту страницу, вы згаджаецеся выпусціць свой вклад под CC0.

Для получения дополнительной информации чытайце Страницы #домой публичного домена.

Вы можете форматировать текст с помощью вики-разметки. Она состоит из обычных символов, таких как звездочки, апострофы или знак «равно», иногда, в зависимости от их позиции в тексте, имеющих в вики специальные функции. Например, для форматирования слова курсивом вам надо заключить его в две пары одиночных апострофов — вот ''так''.

Разметка для форматирования текста

Описание	Вы вводите	Вы получаете
Форматирование символов (в строке) — действует везде
Курсивный текст	''Курсив''	Курсив
Полужирный текст	'''Полужирный'''	Полужирный
Полужирный курсив	'''''Полужирный курсив'''''	Полужирный курсив
«>
Отключение вики-разметки	<nowiki>без [[wiki\|вики]] ''разметки''</nowiki>	без [[wiki\|вики]] »разметки»
Форматирование заголовка раздела — только в начале строки
Заголовки разных уровней	== Уровень 2 == === Уровень 3 === ==== Уровень 4 ==== ===== Уровень 5 ===== ====== Уровень 6 ======	Уровень 2 Уровень 3 Уровень 4 Уровень 5 Уровень 6
Горизонтальная черта	Текст до ---- Текст после	Текст до Текст после
Маркированный список	* Начало каждой строки * со звезды [[Wikipedia:asterisk\|asterisk]] (). * Следующая звезда создаст следующий уровень вложенности *** и еще более глубокий. * Перенос строки <br /> не прерывает уровни вложенности. *** Однако, если пропустить уровень - создастся пустое пространство. Любое другое начало строки, кроме , закончит создание списка сочетание маркированного списка с определением ::- определение создаёт пустое пространство * сочетание маркированного списка ** с определением :- определение * без пустого пространства маркированный список :- определение : подстановка, которая не создаёт пустые :* пространства после определения	Начало каждой строки со звезды asterisk (). Следующая звезда создаст следующий уровень вложенности и еще более глубокий. Перенос строки не прерывает уровни вложенности. Однако, если пропустить уровень — создастся пустое пространство. Любое другое начало строки, кроме , закончит создание списка сочетайте маркированный список с определением — определение создаёт пустое пространство сочетайте немаркированный список с определением — определение без пустых пространств маркированный список — определение подпункты, которые не содержат пустых пространств после определения
Нумерованный список	# Начинайте каждую строку # со [[Wikipedia:Number_sign\|знака решётки]] (#) ## Чем больше знаков решётки, ### Тем большим будет ### отступ. # Перевод строки <br/> не нарушает отступов. ### Но переход через несколько отсупов создаёт пустое пространство. # Пустые строки. # заканчивайте список и начиайте новый. Любое другое начало также заканчивает список. <nowiki>#</nowiki> use "nowiki" tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.	Начинайте каждую строку со знака решётки (#) Чем больше знаков решётки, Тем большим будет отступ. Перевод строки не нарушает отступов. Но переход через несколько отступов создаёт пустое пространство. Пустые строки. заканчивайте список и начинайте новый. Любое другое начало также заканчивает список. # use «nowiki» tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.

Список определений	;пункт 1 : определение 1 ;пункт 2 : определение 2-1 : определение 2-2 Если строка начинается с точки с запятой (;), любое двоеточие (:) в конце строки не будет отображаться. Если вы хотите, чтобы двоеточие отображалось, используйте `:`.	пункт 1 определение 1 пункт 2 определение 2-1 определение 2-2
Отступ текста	: Один отступ :: Двойной отступ ::: Много отступов При использовании этого форматирования может нарушаться доступность.	Один отступ Двойной отступ Много отступов
Смесь различных типов списков	# один # два #* два точка один #* два точка два # three #; three item один #: three def один # four #: four def один #: this looks like a continuation #: and is often used #: instead <br /> of <nowiki><br /></nowiki> # five ## five sub 1 ### five sub 1 sub 1 ## five sub 2 Использование `#:` и `*:` ля разрыва строки внутри элемента также может повредить доступности.	one two two point one two point two three three item one three def one four four def one this looks like a continuation and is often used instead of <br /> five five sub 1 five sub 1 sub 1 five sub 2
Преформатированный текст	Каждая строка начинается с пробела. Текст '''преформатирован''' и при этом '''может ''включать'' '''''разметку''. Этот способ предварительного форматирования применим только к форматированию разделов. Разметки форматирования символов по-прежнему эффективны.	Каждая строка начинается с пробела. Текст преформатирован и при этом может включать разметку.
Блоки преформатированного текста	<nowiki>Начните с пробела в первом столбце, (до <nowiki>). Тогда ваш формат блока будет сохранён. Это хорошо для копирования в кода блоков: def function(): """строка документации""" if True: print True else: print False</nowiki>	Начните с пробела в первом столбце, (до <nowiki>). Тогда ваш формат блока будет сохранён. Это хорошо для копирования в кода блоков: def function(): """строка документации""" if True: print True else: print False

«>

Абзацы

«> MediaWiki игнорирует одиночные переносы строки. Чтобы начать новый абзац оставьте пустую строку. Вы можете принудительно вставить разрыв строки HTML тегом ‎<br />.

Теги HTML

«>»> Некоторые теги HTML разрешены в MediaWiki, например, ‎<code>, ‎<div>, и ‎<span>. Они применяются везде, где вы их вставляете.

Описание	Вы вводите	Вы получаете
«>»>
Вложено (отображается как подчеркнутое в большинстве браузеров)	<ins>Вложено</ins> или <u>Подчёркнуто</u>	Вложено или Подчёркнуто
«>»>
Удалено (отображается зачеркнутым в большинстве браузеров)	<s>Зачёркнуто</s> или <del>Удалено</del>	~~Зачёркнуто~~ или ~~Удалено~~
«>
Текст фиксированной ширины	<code>Исходный код</code>	`Исходный код`
«>
Блок с цитатой	Текст до <blockquote>Блок с цитатой</blockquote> Текст после	Текст до Цитата Текст после
«>
Цитаты	<q>Это цитата</q> The q element must not be used in place of quotation marks that do not represent quotes; for example, it is inappropriate to use the q element for marking up sarcastic statements. ^[1]	Это цитата
Комментарий	<!-- Это комментарий --> Комментарии видны только при редактировании.	Комментарии видны только в режиме редактирования.
«>
Полностью преформатированный текст	<pre> Текст '''преформатирован''' и ''разметка'' '''''не применяется''''' </pre> Для преформатированного текста с разметкой смотрите строку Преформатированный текст в конце предыдущей таблицы.	Текст '''преформатирован''' и ''разметка'' '''''не применяется'''''
Настраиваемое оформление текста	<pre> Text is '''preformatted''' with a style and ''markups'' '''''cannot''''' be done </pre> Стиль CSS может быть назван в атрибуте `style`.	Text is '''preformatted''' with a style and ''markups'' '''''cannot''''' be done

продолжение:

Описание Вы вводите Вы получаете

Описание	Вы вводите	Вы получаете
По умолчанию оформленный текст имеет CSS атрибут (`white-space: pre-wrap;`) для переноса текста в соответствии с доступной шириной	<pre> Это длинное предложение используется для демонстрации переноса текста. Это дополнительное предложение делает текст еще длиннее. Это дополнительное предложение делает текст еще длиннее. </pre>	Это длинное предложение используется для демонстрации переноса текста. Это дополнительное предложение делает текст еще длиннее. Это дополнительное предложение делает текст еще длиннее.
Настраиваемое оформление текста с отключенным переносом текста	<pre> Это длинное предложение используется для демонстрации переноса текста. Это дополнительное предложение делает текст еще длиннее. Это дополнительное предложение делает текст еще длиннее. </pre>	Это длинное предложение используется для демонстрации переноса текста. Это дополнительное предложение делает текст еще длиннее. Это дополнительное предложение делает текст еще длиннее.

По умолчанию оформленный текст имеет CSS атрибут (white-space: pre-wrap;) для переноса текста в соответствии с доступной шириной

<pre>
Это длинное предложение используется для демонстрации переноса текста.  Это дополнительное предложение делает текст еще длиннее. Это дополнительное предложение делает текст еще длиннее.
</pre>

Это длинное предложение используется для демонстрации переноса текста. Это дополнительное предложение делает текст еще длиннее. Это дополнительное предложение делает текст еще длиннее.

Настраиваемое оформление текста с отключенным переносом текста

<pre>
Это длинное предложение используется для демонстрации переноса текста. Это дополнительное предложение делает текст еще длиннее. Это дополнительное предложение делает текст еще длиннее.
</pre>

Это длинное предложение используется для демонстрации переноса текста. Это дополнительное предложение делает текст еще длиннее. Это дополнительное предложение делает текст еще длиннее.

Вставка символов

Symbols and other special characters not available on your keyboard can be inserted in a multitude of ways. Many Operating Systems and browsers allow you to insert special characters through a menu option or Operating System panel. Additionally, you can use the WikiEditor or VisualEditor to insert them into the edit screen.

As a last resort, you can use a special sequence of characters. Those sequences are called HTML entities. For example, the following sequence (entity) → when inserted will be shown as right arrow HTML symbol → and — when inserted will be shown as an em dash HTML symbol —.

Hover over any symbol to reveal the entity that produces it. Some symbols not available in the current font will appear as empty squares.

HTML symbol entities
Á	á	Â	â	´	Æ	æ	À	à	ℵ	Α	α	&	∧	∠	Å	å	≈	Ã	ã	Ä	ä	„	Β	β	¦	•	∩	Ç	ç	¸	¢
Χ	χ	ˆ	♣	≅	©	↵	∪	¤	†	‡	↓	⇓	°	Δ	δ	♦	÷	É	é	Ê	ê	È	è	∅			Ε	ε	≡	Η	η
Ð	ð	Ë	ë	€	∃	ƒ	∀	½	¼	¾	⁄	Γ	γ	≥	>	↔	⇔	♥	…	Í	í	Î	î	¡	Ì	ì	ℑ	∞	∫	Ι	ι
¿	∈	Ï	ï	Κ	κ	Λ	λ	⟨	«	←	⇐	⌈	“	≤	⌊	∗	◊	‎	‹	‘	<	¯	—	µ	·	−	Μ	μ	∇		–
≠	∋	¬	∉	⊄	Ñ	ñ	Ν	ν	Ó	ó	Ô	ô	Œ	œ	Ò	ò	‾	Ω	ω	Ο	ο	⊕	∨	ª	º	Ø	ø	Õ	õ	⊗	Ö
ö	¶	∂	‰	⊥	Φ	φ	Π	π	ϖ	±	£	′	″	∏	∝	Ψ	ψ	»	√	⟩	»	→	⇒	⌉	”	ℜ	®	⌋	Ρ	ρ	‏
›	’	‚	Š	š	⋅	§		Σ	σ	ς	∼	♠	⊂	⊆	∑	⊃	¹	²	³	⊇	ß	Τ	τ	∴	Θ	θ	ϑ		Þ	þ	˜
×	™	Ú	ú	↑	⇑	Û	û	Ù	ù	¨	ϒ	Υ	υ	Ü	ü	℘	Ξ	ξ	Ý	ý	¥	ÿ	Ÿ	Ζ	ζ	‍	‌

Описание	Вы вводите	Вы получаете
Символ авторского права	©	©
Символ греческой буквы дельта	δ	δ
Символ евро	€	€

See the list of all HTML entities on the Wikipedia article List of HTML entities. Additionally, MediaWiki supports two non-standard entity reference sequences: &רלמ; and &رلم; which are both considered equivalent to &rlm; which is a right-to-left mark. (Used when combining right to left languages with left to right languages in the same page.)

HTML-теги и объекты-символы отображаются сами по себе (с их интерпретацией и без нее)

&euro; → €

<span>Опечатку надо исправить</span> → Опечатку надо исправить

<span>Опечатку надо исправить</span> → <span>Опечатку надо исправить</span>

Nowiki для HTML

‎<nowiki /> может запрещать теги (HTML):

<<nowiki />pre> → <pre>

Но не символ экранирования &:

&<nowiki />amp; → &

Для вывода символа экранирования & как текста, используйте «&» вместо символа «&» (например, введите «&nbsp;«, в результате получится « «).

Другие вопросы форматирования

Помимо разметки форматирования текста, показанной выше, здесь приведены некоторые другие ссылки на форматирование:

Справка:Ссылки
Справка:Списки
Справка:Изображения
Разметка LanguageConverter – см. Письменности/Синтаксис
Сноски – см. Расширение:Цитата
Таблицы

Вы можете найти больше о ссылках на Справка:Содержание .

Примечания

↑ HTML Living Standard—The <q> element

Вики-разметка в профессиональном вики-редакторе | Центр Интернет

Профессиональный вики-редактор использует движок MediaWiki (используется Википедией) для обработки вики-разметки. Поэтому, все стандартные правила MediaWiki поддерживаются и в Кампусе. Дополнительно движок MediaWiki расширен нестандартным форматированием, не совместимым с Википедией.

Содержание

1 Стандартное форматирование
2 Разметка форматирования текста
3 Абзацы
4 HTML теги
5 HTML символы
6 Ссылки
7 Таблицы
8 Математические формулы
9 Цитирование
- 9. 1 Example
- 9.2 Многократное использование цитаты
10 Нестандартное форматирование
11 Рисунки
12 Исходный код
13 Вставка файлов
- 13.1 Пример вставки видео
- 13.2 Пример вставки рисунка с заданными размерами
14 Вставка контента с веб-сервисов
- 14.1 Поддерживаются следующие веб-сервисы

Стандартное форматирование[править]

Разметка форматирования текста[править]

Описание	Формат	Результат
форматирование символов — работает везде
Наклонный текст	»Курсив»	курсив
Полужирный текст	»’Полужирный»’	полужирный
Полужирный и наклонный текст	»»’Полужирный и курсив»»’	Полужирный и курсив
Отмена форматирования wiki	<nowiki>нет »курсива»</nowiki>	нет »курсива»
оформление заголовков — работает только с новой строки
Текст с отступом	:Текст с отступом ::Двойной отступ :::::Многократный отступ	Текст с отступом Двойной отступ Многократный отступ
Заголовки разных уровней	==Уровень 1== ===Уровень 2=== ====Уровень 3==== =====Уровень 4===== =======Уровень 5======= В статьях с четырьмя и более заголовками автоматически создаётся таблица содержания.	Уровень 1 Уровень 2 Уровень 3 Уровень 4 Уровень 5
Горизонтальная линия	—-
Список с маркерами	* первый * второй * третий первый в третьем второй в третьем Оставляйте пустую строку между окончанием первого списка и началом следующего.	первый второй третий первый в третьем второй в третьем
Список с числами	# первый # второй<br />несколько строк<br />не нарушая нумерацию # третий ## первый в третьем ## второй в третьем	первый второй несколько строк не нарушая нумерацию третий первый в третьем второй в третьем
Список определений	;элемент 1 :определение 1 ;элемент 2 :определение 2-1 :определение 2-2	элемент 1 определение 1 элемент 2 определение 2-1 определение 2-2
Применение возможностей оформления списка определений для отступов текста	:Первый отступ ::Второй отступ :::::Ещё несколько отступов Это применение может быть спорным с точки зрения удобства.	Первый отступ Второй отступ Ещё несколько отступов</pre>
Смесь списка с маркерами и списка с числами	# первый # второй #* первый во втором #* второй во втором # третий #; элемент определения в третьем #: определение элемента в третьем # четвёртый #: four item one #: это скорее похоже на продолжение # четыре #: и таким образом часто используемый вместо <br /> ;элемент 1 :* определение 1-1 :* определение 1-2 : ;элемент 2 :# определение 2-1 :# определение 2-2 Использование тегов #: и *: для разрыва строк в определениях может оказаться спорным.	первый второй первый во втором второй во втором третий элемент определения в третьем определение элемента в третьем четвёртый four item one это скорее похоже на продолжение # четыре и таким образом часто используемый вместо элемент 1 определение 1-1 определение 1-2 элемент 2 определение 2-1 определение 2-2
Предварительно отформатированный текст	частично неформатированный текст оформляется с помощью '''пробела''' в ''начале'' строки Этот способ частичной отмены форматирования действует только в отношении абзацного оформления; символьное форматирование продолжает применяться.	частично неформатированный тест оформляется с помощью пробела в начале строки

Вики игнорирует обычные переносы строк. Для начала нового абзаца оставьте пустую строку. Новую строку также можно начать с HTML-тега <br />.

В вики по умолчанию включена поддержка только некоторых HTML-тэгов, как например <code>, <div>, <span> и <font>.

Описание	Формат	Результат
Фиксированная ширина символов	<tt>Фиксированная ширина символов</tt>	Фиксированная ширина символов
Цитаты	текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <blockquote> цитата цитата цитата цитата цитата цитата </blockquote> текст текст текст текст текст текст текст текст текст текст	текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст цитата цитата цитата цитата цитата цитата текст текст текст текст текст текст текст текст текст текст
Комментарии	<!--Это комментарий-->
Полностью неформатированный текст	<pre>с помощью этого тега вся разметка '''игнорируется'''</pre>	с помощью этого тега вся разметка '''игнорируется'''

HTML символы это набор символов, который обозначает один конкретный символ. Например, → обозначает стрелку вправо → и — обозначает тире —. HTML символы используются в основном в двух случаях: для добавления символов не доступных на клавиатуре:

δ → δ

и обхода работы парсера при отображение HTML тегов и символов:

&euro; → €

€ → €

<span>Green</span> → <span>Green</span>

<span>Green</span> → Green

Ниже приведен список символов, которые могут быть получены с использованием HTML символов. Символы не доступные в текущем шрифте будут отображаться пустыми квадратиками.

Таблица HTML Символов
Á	á	Â	â	´	Æ	æ	À	à	ℵ	Α	α	&	∧	∠	Å	å	≈	Ã	ã	Ä	ä	„	Β	β	¦	•	∩	Ç	ç	¸	¢
Χ	χ	ˆ	♣	≅	©	↵	∪	¤	†	‡	↓	⇓	°	Δ	δ	♦	÷	É	é	Ê	ê	È	è	∅			Ε	ε	≡	Η	η
Ð	ð	Ë	ë	€	∃	ƒ	∀	½	¼	¾	⁄	Γ	γ	≥	>	↔	⇔	♥	…	Í	í	Î	î	¡	Ì	ì	ℑ	∞	∫	Ι	ι
¿	∈	Ï	ï	Κ	κ	Λ	λ	〈	«	←	⇐	⌈	“	≤	⌊	∗	◊	‎	‹	‘	<	¯	—	µ	·	−	Μ	μ	∇		–
≠	∋	¬	∉	⊄	Ñ	ñ	Ν	ν	Ó	ó	Ô	ô	Œ	œ	Ò	ò	‾	Ω	ω	Ο	ο	⊕	∨	ª	º	Ø	ø	Õ	õ	⊗	Ö
ö	¶	∂	‰	⊥	Φ	φ	Π	π	ϖ	±	£	′	″	∏	∝	Ψ	ψ	»	√	〉	»	→	⇒	⌉	”	ℜ	®	⌋	Ρ	ρ	‏
›	’	‚	Š	š	⋅	§		Σ	σ	ς	∼	♠	⊂	⊆	∑	⊃	¹	²	³	⊇	ß	Τ	τ	∴	Θ	θ	ϑ		Þ	þ	˜
×	™	Ú	ú	↑	⇑	Û	û	Ù	ù	¨	ϒ	Υ	υ	Ü	ü	℘	Ξ	ξ	Ý	ý	¥	ÿ	Ÿ	Ζ	ζ	‍	‌

Описание Формат Результат

Внешняя ссылка

http://mediawiki.

2</math>

Вы можете заключать цитаты в тег <ref> по ходу статьи и вставить список цитат (обычно, в конце статьи) при помощи тега <references />

Example[править]

According to scientists, the Sun is pretty big.<ref>E. Miller, The Sun, (New York: Academic Press, 2005), 23-5.</ref>
The Moon, however, is not so big.<ref>R. Smith, «Size of the Moon», Scientific American, 46 (April 1978): 44-6.</ref>

==Notes==
<references />

Многократное использование цитаты[править]

Если на одну цитату надо сослаться несколько раз, то цитату надо проименовать при помощи атрибута name <ref name=»name»> и, при повторном цитировании, вставлять именованную цитату по имени: <ref name=»name» />.

Пример многократного использования цитаты:

This is an example of multiple references to the same footnote. <ref name=»multiple»>Remember that when you refer to the same footnote multiple times, the text from the first reference is used.</ref>
Such references are particularly useful when citing sources, if different statements come from the same source.<ref name=»multiple»>This text is superfluous, and won’t show up anywhere. We may as well just use an empty tag.</ref>
A concise way to make multiple references is to use empty ref tags, which have a slash at the end. Although this may reduce redundant work, please be aware that if a future editor removes the first reference, this will result in the loss of all references using the empty ref tags.<ref name=»multiple» />
==Notes==
<references />

Нестандартное форматирование[править]

Стандартная поставка MediaWiki не включает некоторого необходимого функционала или включает в неудобном для использования виде. Описанный ниже функционал является нестандартным и непереносимым из Кампуса на другие инсталляции MediaWiki.

Вставка рисунка осуществляется простой ссылкой на него:

https://user.files.psu.ru//ars/img/node/wifi-k2.png

Ширина рисунка не будет превышать заданных в системе размеров и будет уменьшаться при уменьшении окна браузера.

При необходимости задать точные размеры рисунка, следует использовать синтаксис вставки файла:

{{файл:https://user.files.psu.ru//ars/img/node/wifi-k2.png | ширина=300 | описание=Покрытие Wi-Fi в ПГНИУ }}

‘.<div>Покрытие Wi-Fi в ПГНИУ</div>.’

Вставка исходного кода осуществляется нестандартным для MediaWiki способом путем заключения исходного кода в теги <code></code>. Язык кода определится автоматически. Если язык определился неправильно, его можно указать в виде дополнительного атрибута без значения. Список языков можно найти здесь.

<code php>echo "hello world";</code>

 echo "hello world";

Вставка файлов[править]

Для вставки некоторых типов файлов можно использовать разметку

{{файл:URL | тип=Тип файла | ширина=640 | выравнивание=справа | описание=Описание файла | высота=480 }}

Результат работы зависит от расширения в URL. Таким образом можно вставлять файлы по протоколу http и https с расширениями mp4, webm, ogv, ogg, mp3, wav, jpeg, jpg, png, svg, bmp. Возможно, в дальнейшем, будут добавлены другие расширения. Обязательным является указание URL, все остальные параметры являются не обязательными.

Пример вставки видео[править]

{{файл:http://212.192.64.195/sintel.2010.1080p-j98w1280h720.mp4| | ширина=640 | | описание=Sintel }}

‘.<div>Sintel</div>.’

Пример вставки рисунка с заданными размерами[править]

{{файл:https://user.files.psu.ru//ars/img/node/wifi-k2.png | ширина=300 | описание=Покрытие Wi-Fi в ПГНИУ }}

‘.<div>Покрытие Wi-Fi в ПГНИУ</div>.’

Вставка контента с веб-сервисов[править]

Поддерживается вставка контента с большого числа веб-сервисов путем простой публикации ссылки на материал. Из ссылки автоматически достается идентификатор ресурса и вставляется его Embed-код.

Поддерживаются следующие веб-сервисы[править]

Сервис	Пример ссылки на сервис
Кампус: авторское видео	http://k. psu.ru/myvideo/node/54
Кампуc: презентации	http://k.psu.ru/docs/node/10
Кампус: опросы	http://k.psu.ru/poll/node/3
Кампус: ELiS	http://k.psu.ru/library/node/19446
YouTube	http://www.youtube.com/watch?v=m5ebtBfK4cI
Google презентации	https://docs.google.com/presentation/d/1MWxoNVQxMyYSJhcHcDLY_ysHNqQWdvkjYXGGbDj1Lv0/pub?start=false&loop=false&delayms=3000
Goole документ	https://docs.google.com/document/d/1wM5eokSfup_UXAjvLxM7rRiaOdX33Z3BMhhLau8TDZw/edit
Видео Vimeo	http://vimeo.com/27779342
Видео вКонтакте	http://vk.com/video25427005_165598829
Видео ruTube	http://rutube.ru/video/f79fac229a0fa77a3aa50b4003933147/?bmstart=7
Записи Ustream. Tv	http://www.ustream.tv/recorded/36071787
Презентации SlideShare	http://www.slideshare.net/borovinskiy/ss-9951031

Примеры можно посмотреть на странице демонстрации

Простая английская Википедия, бесплатная энциклопедия

Переключить оглавление

Из простой английской Википедии, бесплатной энциклопедии. ^[1] Используется для создания веб-страниц. Веб-страницы могут содержать текст, ссылки, изображения и даже звук и видео. HTML сообщает веб-браузерам, как должны выглядеть веб-страницы. HTML также добавляет метаинформацию к веб-страницам. Метаинформация — это информация о веб-странице, например, имя человека, создавшего страницу. Веб-браузеры обычно не отображают метаинформацию.

HTML часто используется с каскадными таблицами стилей (CSS) и JavaScript. CSS используется для изменения внешнего вида HTML. JavaScript говорит веб-сайтам, как себя вести. Он также может изменять HTML и CSS.

HTML создан консорциумом World Wide Web (W3C). Существует множество версий HTML. По состоянию на сентябрь 2018 года текущий стандарт HTML называется HTML 5 и имеет версию 5.2.

HTML использует «элементы», чтобы сообщить браузеру, из чего состоит веб-страница. Элементы отображаются в коде как «теги», написанные с помощью угловых скобок: <пример> . Теги обычно идут парами: открывающий тег определяет начало блока контента, а закрывающий тег определяет конец этого блока контента. Существует множество видов тегов, и у каждого из них свое предназначение. Примеры тегов см. в разделе Basic HTML Tags ниже.

Некоторые теги работают только в определенных браузерах. Например, тег , который используется для того, чтобы что-то появилось, когда человек нажимает правую кнопку мыши, работает только в браузере Mozilla Firefox. ^[2] Другие браузеры просто игнорируют этот тег и нормально отображают текст. Многие создатели веб-страниц избегают использования этих «нестандартных» тегов, потому что хотят, чтобы их страницы выглядели одинаково во всех браузерах.

Вот пример страницы в HTML с надписью «Hello world!».

 

  <голова>
    Привет!
  
  <тело>
    Привет, мир!

Текст между и описывает веб-страницу, а текст между и является содержимым страницы. Это заголовок определяет заголовок страницы браузера.

Вот несколько примеров тегов HTML: ^{[примечание 1]}

Имя тега	Имя	Функция	Пример кода
	Тип документа	Определяет тип документа
	HTML	Определяет документ HTML и запускает документ HTML.	Весь код
`<голова>`	Голова	Содержит любой код, который не используется для отображения элементов на веб-странице.	<голова>
`<название>`	Заголовок	Определяет заголовок веб-страницы (отображается на вкладке) и вводится в поле	Веб-страница
`<тело>`	Тело	Содержит видимые элементы веб-страницы.	Теги HTML
`от` до	Заголовки	Заголовки разных размеров ( самый большой)	Заголовок
	Абзац	Определяет абзац текста	ТЕКСТ
`<а>`	Якорь	Создает активные ссылки на другие веб-страницы	domain.com">Посетите наш сайт
	Изображение	Отображает изображение на странице
	Перерыв	Вставляет одиночный разрыв строки	Текст Текст
`<центр>`	Центр	Перемещает содержимое в центр страницы	Код
`<сценарий>`	Скрипт	Создает скрипт на веб-странице, обычно написанный на JavaScript.

elementtutorials Архивировано 1 мая 2021 г. на Wayback Machine — для бесплатного изучения кода и создания проектов
HTML Dog — это сайт, помогающий начинающим писателям писать хороший, простой HTML и улучшать его внешний вид с помощью CSS.
w3schools — сайт учебных пособий по веб-технологиям
информация ^{[ неработающая ссылка ]} — Учебники по HTML — Краткое руководство по изучению HTML
HTML-страница MDN — еще одна страница для изучения HTML
HTML-редактор в реальном времени — редактирование HTML-кода непосредственно в браузере с предварительным просмотром в реальном времени
Язык программирования HTML — для изучения HTML с помощью учебника 9.0247
Проектирование в Figma – Обучение дизайну в Figma

↑ Полный список HTML-элементов здесь: ^[3]

↑ «Почему HTML не является языком программирования». Сиракузский университет. Архивировано из оригинала 8 июля 2016 года. Проверено 27 июня 2016 года.
↑ «Веб-документы MDN». 2019-12-25. Проверено 15 января 2020 г. .
↑ «Справочник по элементам HTML». МДН . Проверено 6 августа 2020 г.

| Вики HTML и CSS

Эта статья посвящена , корневому элементу любого HTML-документа . Чтобы узнать о других значениях, см. HTML (значения) .

Тип элемента

Документ

Версия HTML

HTML 1.0

Спец. версия

1.0

Статус

Активен

Интерфейс DOM

HTMLHtmlElement

Элемент содержит всю структуру любого HTML-документа, и его первым дочерним элементом должен быть элемент , за которым следует элемент . См. учебник для ознакомления с созданием HTML-документов.

Содержимое

1 Пример кода
2 атрибута
3 Рендеринг
4 Правила кодирования
5 Каталожные номера
6 Внешние ссылки

Пример кода

 

 <голова>
     Заголовок
      [другое содержание заголовка]
  
  <тело>
      [содержимое тела]

Атрибуты

Глобальные атрибуты HTML
манифест: URL

Рендеринг

В большинстве пользовательских агентов элемент не имеет внешнего вида, кроме контейнера для <тело> элемент.

Типичное представление CSS:

 HTML {
    дисплей: блок;
}

Типичные клиенты веб-почты удаляют элемент при отображении электронной почты в формате HTML.

Правила кодирования

Элемент является корневым элементом документа или корнем вложенного документа. Он может содержать только один элемент , за которым следует один элемент элемент.

Начальный и конечный теги необязательны. Элемент создается автоматически, когда теги не используются.

В HTML5 требуется начальный тег, если первым дочерним элементом элемента является комментарий, и требуется закрывающий тег, если за элементом следует комментарий. ^[1] Например:

...

Ссылки

↑ http://dev.
Навигация по записям
Вебмастер работа: Работа вебмастером в Самаре
Яндекс руководство директ: Пошаговая инструкция Яндекс.Директ. Поиск и РСЯ
Добавить комментарий Отменить ответ
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Комментарий *
Имя *
Email *
Сайт
Рубрики
Css
Html
Js
Адаптивный сайт
Верстка
Идеи
С чего начать
Советы
Шаблоны
Разное
© Компания Вебджем.рф 2009 - 2025 | Все права защищены.

Á	á	Â	â	´	Æ	æ	À	à	ℵ	Α	α	&	∧	∠	Å	å	≈	Ã	ã	Ä	ä	„	Β	β	¦	•	∩	Ç	ç	¸	¢
Χ	χ	ˆ	♣	≅	©	↵	∪	¤	†	‡	↓	⇓	°	Δ	δ	♦	÷	É	é	Ê	ê	È	è	∅			Ε	ε	≡	Η	η
Ð	ð	Ë	ë	€	∃	ƒ	∀	½	¼	¾	⁄	Γ	γ	≥	>	↔	⇔	♥	…	Í	í	Î	î	¡	Ì	ì	ℑ	∞	∫	Ι	ι
¿	∈	Ï	ï	Κ	κ	Λ	λ	⟨	«	←	⇐	⌈	“	≤	⌊	∗	◊	‎	‹	‘	<	¯	—	µ	·	−	Μ	μ	∇		–
≠	∋	¬	∉	⊄	Ñ	ñ	Ν	ν	Ó	ó	Ô	ô	Œ	œ	Ò	ò	‾	Ω	ω	Ο	ο	⊕	∨	ª	º	Ø	ø	Õ	õ	⊗	Ö
ö	¶	∂	‰	⊥	Φ	φ	Π	π	ϖ	±	£	′	″	∏	∝	Ψ	ψ	»	√	⟩	»	→	⇒	⌉	”	ℜ	®	⌋	Ρ	ρ	‏
›	’	‚	Š	š	⋅	§		Σ	σ	ς	∼	♠	⊂	⊆	∑	⊃	¹	²	³	⊇	ß	Τ	τ	∴	Θ	θ	ϑ		Þ	þ	˜
×	™	Ú	ú	↑	⇑	Û	û	Ù	ù	¨	ϒ	Υ	υ	Ü	ü	℘	Ξ	ξ	Ý	ý	¥	ÿ	Ÿ	Ζ	ζ	‍	‌

Таблица HTML Символов
Á	á	Â	â	´	Æ	æ	À	à	ℵ	Α	α	&	∧	∠	Å	å	≈	Ã	ã	Ä	ä	„	Β	β	¦	•	∩	Ç	ç	¸	¢
Χ	χ	ˆ	♣	≅	©	↵	∪	¤	†	‡	↓	⇓	°	Δ	δ	♦	÷	É	é	Ê	ê	È	è	∅			Ε	ε	≡	Η	η
Ð	ð	Ë	ë	€	∃	ƒ	∀	½	¼	¾	⁄	Γ	γ	≥	>	↔	⇔	♥	…	Í	í	Î	î	¡	Ì	ì	ℑ	∞	∫	Ι	ι
¿	∈	Ï	ï	Κ	κ	Λ	λ	〈	«	←	⇐	⌈	“	≤	⌊	∗	◊	‎	‹	‘	<	¯	—	µ	·	−	Μ	μ	∇		–
≠	∋	¬	∉	⊄	Ñ	ñ	Ν	ν	Ó	ó	Ô	ô	Œ	œ	Ò	ò	‾	Ω	ω	Ο	ο	⊕	∨	ª	º	Ø	ø	Õ	õ	⊗	Ö
ö	¶	∂	‰	⊥	Φ	φ	Π	π	ϖ	±	£	′	″	∏	∝	Ψ	ψ	»	√	〉	»	→	⇒	⌉	”	ℜ	®	⌋	Ρ	ρ	‏
›	’	‚	Š	š	⋅	§		Σ	σ	ς	∼	♠	⊂	⊆	∑	⊃	¹	²	³	⊇	ß	Τ	τ	∴	Θ	θ	ϑ		Þ	þ	˜
×	™	Ú	ú	↑	⇑	Û	û	Ù	ù	¨	ϒ	Υ	υ	Ü	ü	℘	Ξ	ξ	Ý	ý	¥	ÿ	Ÿ	Ζ	ζ	‍	‌

Á	á	Â	â	´	Æ	æ	À	à	ℵ	Α	α	&	∧	∠	Å	å	≈	Ã	ã	Ä	ä	„	Β	β	¦	•	∩	Ç	ç	¸	¢
Χ	χ	ˆ	♣	≅	©	↵	∪	¤	†	‡	↓	⇓	°	Δ	δ	♦	÷	É	é	Ê	ê	È	è	∅			Ε	ε	≡	Η	η
Ð	ð	Ë	ë	€	∃	ƒ	∀	½	¼	¾	⁄	Γ	γ	≥	>	↔	⇔	♥	…	Í	í	Î	î	¡	Ì	ì	ℑ	∞	∫	Ι	ι
¿	∈	Ï	ï	Κ	κ	Λ	λ	⟨	«	←	⇐	⌈	“	≤	⌊	∗	◊	‎	‹	‘	<	¯	—	µ	·	−	Μ	μ	∇		–
≠	∋	¬	∉	⊄	Ñ	ñ	Ν	ν	Ó	ó	Ô	ô	Œ	œ	Ò	ò	‾	Ω	ω	Ο	ο	⊕	∨	ª	º	Ø	ø	Õ	õ	⊗	Ö
ö	¶	∂	‰	⊥	Φ	φ	Π	π	ϖ	±	£	′	″	∏	∝	Ψ	ψ	»	√	⟩	»	→	⇒	⌉	”	ℜ	®	⌋	Ρ	ρ	‏
›	’	‚	Š	š	⋅	§		Σ	σ	ς	∼	♠	⊂	⊆	∑	⊃	¹	²	³	⊇	ß	Τ	τ	∴	Θ	θ	ϑ		Þ	þ	˜
×	™	Ú	ú	↑	⇑	Û	û	Ù	ù	¨	ϒ	Υ	υ	Ü	ü	℘	Ξ	ξ	Ý	ý	¥	ÿ	Ÿ	Ζ	ζ	‍	‌

Таблица HTML Символов
Á	á	Â	â	´	Æ	æ	À	à	ℵ	Α	α	&	∧	∠	Å	å	≈	Ã	ã	Ä	ä	„	Β	β	¦	•	∩	Ç	ç	¸	¢
Χ	χ	ˆ	♣	≅	©	↵	∪	¤	†	‡	↓	⇓	°	Δ	δ	♦	÷	É	é	Ê	ê	È	è	∅			Ε	ε	≡	Η	η
Ð	ð	Ë	ë	€	∃	ƒ	∀	½	¼	¾	⁄	Γ	γ	≥	>	↔	⇔	♥	…	Í	í	Î	î	¡	Ì	ì	ℑ	∞	∫	Ι	ι
¿	∈	Ï	ï	Κ	κ	Λ	λ	〈	«	←	⇐	⌈	“	≤	⌊	∗	◊	‎	‹	‘	<	¯	—	µ	·	−	Μ	μ	∇		–
≠	∋	¬	∉	⊄	Ñ	ñ	Ν	ν	Ó	ó	Ô	ô	Œ	œ	Ò	ò	‾	Ω	ω	Ο	ο	⊕	∨	ª	º	Ø	ø	Õ	õ	⊗	Ö
ö	¶	∂	‰	⊥	Φ	φ	Π	π	ϖ	±	£	′	″	∏	∝	Ψ	ψ	»	√	〉	»	→	⇒	⌉	”	ℜ	®	⌋	Ρ	ρ	‏
›	’	‚	Š	š	⋅	§		Σ	σ	ς	∼	♠	⊂	⊆	∑	⊃	¹	²	³	⊇	ß	Τ	τ	∴	Θ	θ	ϑ		Þ	þ	˜
×	™	Ú	ú	↑	⇑	Û	û	Ù	ù	¨	ϒ	Υ	υ	Ü	ü	℘	Ξ	ξ	Ý	ý	¥	ÿ	Ÿ	Ζ	ζ	‍	‌

Html wiki: Html — Викиучебник

Справка:Форматирование — MediaWiki

Разметка для форматирования текста

Уровень 2

Уровень 3

Уровень 4

Уровень 5

Уровень 6

Абзацы

Теги HTML

Вставка символов

HTML-теги и объекты-символы отображаются сами по себе (с их интерпретацией и без нее)

Nowiki для HTML

Другие вопросы форматирования

Примечания

Вики-разметка в профессиональном вики-редакторе | Центр Интернет

Содержание

Стандартное форматирование[править]

Разметка форматирования текста[править]

Example[править]

Многократное использование цитаты[править]

Нестандартное форматирование[править]

Вставка файлов[править]

Пример вставки видео[править]

Пример вставки рисунка с заданными размерами[править]

Вставка контента с веб-сервисов[править]

Поддерживаются следующие веб-сервисы[править]

Простая английская Википедия, бесплатная энциклопедия

от

Заголовок

| Вики HTML и CSS

Тип элемента

Версия HTML

Спец. версия

Статус

Интерфейс DOM

Содержимое

Пример кода

Атрибуты

Рендеринг

Правила кодирования

Ссылки

Добавить комментарий Отменить ответ

Рубрики

Á	á	Â	â	´	Æ	æ	À	à	ℵ	Α	α	&	∧	∠	Å	å	≈	Ã	ã	Ä	ä	„	Β	β	¦	•	∩	Ç	ç	¸	¢
Χ	χ	ˆ	♣	≅	©	↵	∪	¤	†	‡	↓	⇓	°	Δ	δ	♦	÷	É	é	Ê	ê	È	è	∅			Ε	ε	≡	Η	η
Ð	ð	Ë	ë	€	∃	ƒ	∀	½	¼	¾	⁄	Γ	γ	≥	>	↔	⇔	♥	…	Í	í	Î	î	¡	Ì	ì	ℑ	∞	∫	Ι	ι
¿	∈	Ï	ï	Κ	κ	Λ	λ	⟨	«	←	⇐	⌈	“	≤	⌊	∗	◊	‎	‹	‘	<	¯	—	µ	·	−	Μ	μ	∇		–
≠	∋	¬	∉	⊄	Ñ	ñ	Ν	ν	Ó	ó	Ô	ô	Œ	œ	Ò	ò	‾	Ω	ω	Ο	ο	⊕	∨	ª	º	Ø	ø	Õ	õ	⊗	Ö
ö	¶	∂	‰	⊥	Φ	φ	Π	π	ϖ	±	£	′	″	∏	∝	Ψ	ψ	»	√	⟩	»	→	⇒	⌉	”	ℜ	®	⌋	Ρ	ρ	‏
›	’	‚	Š	š	⋅	§		Σ	σ	ς	∼	♠	⊂	⊆	∑	⊃	¹	²	³	⊇	ß	Τ	τ	∴	Θ	θ	ϑ		Þ	þ	˜
×	™	Ú	ú	↑	⇑	Û	û	Ù	ù	¨	ϒ	Υ	υ	Ü	ü	℘	Ξ	ξ	Ý	ý	¥	ÿ	Ÿ	Ζ	ζ	‍	‌

Таблица HTML Символов
Á	á	Â	â	´	Æ	æ	À	à	ℵ	Α	α	&	∧	∠	Å	å	≈	Ã	ã	Ä	ä	„	Β	β	¦	•	∩	Ç	ç	¸	¢
Χ	χ	ˆ	♣	≅	©	↵	∪	¤	†	‡	↓	⇓	°	Δ	δ	♦	÷	É	é	Ê	ê	È	è	∅			Ε	ε	≡	Η	η
Ð	ð	Ë	ë	€	∃	ƒ	∀	½	¼	¾	⁄	Γ	γ	≥	>	↔	⇔	♥	…	Í	í	Î	î	¡	Ì	ì	ℑ	∞	∫	Ι	ι
¿	∈	Ï	ï	Κ	κ	Λ	λ	〈	«	←	⇐	⌈	“	≤	⌊	∗	◊	‎	‹	‘	<	¯	—	µ	·	−	Μ	μ	∇		–
≠	∋	¬	∉	⊄	Ñ	ñ	Ν	ν	Ó	ó	Ô	ô	Œ	œ	Ò	ò	‾	Ω	ω	Ο	ο	⊕	∨	ª	º	Ø	ø	Õ	õ	⊗	Ö
ö	¶	∂	‰	⊥	Φ	φ	Π	π	ϖ	±	£	′	″	∏	∝	Ψ	ψ	»	√	〉	»	→	⇒	⌉	”	ℜ	®	⌋	Ρ	ρ	‏
›	’	‚	Š	š	⋅	§		Σ	σ	ς	∼	♠	⊂	⊆	∑	⊃	¹	²	³	⊇	ß	Τ	τ	∴	Θ	θ	ϑ		Þ	þ	˜
×	™	Ú	ú	↑	⇑	Û	û	Ù	ù	¨	ϒ	Υ	υ	Ü	ü	℘	Ξ	ξ	Ý	ý	¥	ÿ	Ÿ	Ζ	ζ	‍	‌