Абзацы
<p>Lorem ipsum dolor sit amet, still the same paragraph.</p>
<p>Второй абзац</p>
<p>Lorem ipsum dolor sit amet,<br>
тот же абзац, но разделенный тегом <code><br></code><br>
используя один пробел в начале строки</p>
Модификаторы центрирования и цвета:
<p style="color:blue">Lorem ipsum dolor sit amet.</p>
<p style="text-align:center">Lorem ipsum dolor sit amet.</p>
Заголовки
Первый способ:
Второй способ:
<h2>Main title</h2>
<h3>Subtitle</h3>
Горизонтальная линия
В Texy используется четыре способа:
Код
Синтаксис может быть подсвечен сторонними модулями
<pre
class="language-php"><code>function reImage($matches) {
$content = $matches[1];
$align = $matches[5];
$href = $matches[6];
}</code></pre>
Выключение Texy
Div-блоки
<div class="header">
<p>content of div</p>
</div>
Вложенные div-ы:
<div class="header">
<h6>This is a header.</h6>
<div>
<p>nested div</p>
</div>
<p>Texy is sexy!</p>
</div>
Цитаты
<blockquote>
<p>This is a blockquote with two paragraphs.</p>
<p>640 K should be enough for everyone</p>
<p><a href="http://www.microsoft.com">http://www.microsoft.com</a></p>
</blockquote>
Вложенные цитаты:
<blockquote>
<h2>This is header</h2>
<blockquote>
<p>Lorem ipsum dolor sit amet. Vestibulum enim wisi</p>
</blockquote>
<p>Back to the first level.</p>
</blockquote>
Ссылки
<p>Look at <a href="https://texy.info">homepage</a>.</p>
<p>Do you know <a href="http://nette.org">Nette</a>?</p>
<p><a href="mailto:me@example.com">Write me</a></p>
Предопределенные ссылки
<p>This is <a href="https://texy.info/" title="homepage">Texy</a></p>
<p>Look at <a href="https://texy.info/ru/nette">this site</a></p>
Изображения
<div class="figure"><img src="https://texy.info/git/www/image.gif" alt=""></div>
Выравнивание изображений:
<p><img src="https://texy.info/git/www/image.gif" alt="" class="left"> Left-aligned image. Lorem ipsum …</p>
<p><img src="https://texy.info/git/www/image.gif" alt="" class="right"> Right-aligned image. Curabitur quam …</p>
С измерениями
<div class="figure"><img src="https://texy.info/git/www/image.gif" alt="" width="10" height="20"></div>
С событием наведения мышки
<div class="figure"><img src="https://texy.info/git/www/image.gif" alt=""></div>
С модификаторами
<div class="figure"><img src="https://texy.info/git/www/image.gif" class="foto" alt="alt text"></div>
Изображения, использующие предопределенные ссылки
Изображения с описанием
<div class="figure"><img src="https://texy.info/git/www/image.gif" alt="">
<p>This is <i>description</i> under image</p>
</div>
Phrases
emphasis
strong emphasis
stronger emphasis
^^superscript^^ vs. __subscript__
Quotes: Lorem Ipsum Dolores
Cite: As ~~Frank Borland~~ said, …
With modifiers
strong and green like Hulk
Direct HTML tags
Lists
- Red
- Green
- Blue
Ordered
- One
- Two
- Three
- One
- Two
- Three
- DOS
- Windows
- Linux
- Yesterday
- Today
- Tomorrow
Nested lists
- Bird
- Bird
- Red
- Green
- Blue
- McHale
- Parish
- Bird
- McHale
- Parish
- Bird
- McHale
- Parish
Definition list
- Concert Divokej Bill
- when: 9. 12. 2004
- where: Brno
- Price: EUR 26
With modifiers
- PHP
- PHP: Hypertext Preprocessor
- A scripting language
- Personal Home Pages
Modifiers
These types of modifiers are available:
- (title) descriptive, used as attribute title or alt (for images)
[class1 class2 #id]
determine class and/or ID- {class:blue} direct CSS style
- {target:_blank} direct HTML attribute
- horizontal alignment:
- left <
- right >
- center <>
- justify =
- vertical alignment: (for tables)
- top ^
- middle –
- bottom _
Quick-corrects
- very long words division (with respect for language rules). Example: antidisestablishmentarianism
- clickable emails and URL www.texy.info, dave@example.cz (emails are obfuscated against spambots)
- “national” ‘typographic’ quotes
- divider vs. dash: 10–15 vs. north-west
- em-dash: one – two
- dimension sign 10 × 20
- nonbreakable spaces in phone numbers +420 776 552 046
- acronym NATO
- abbr et al.
- quickCorrects like this™ this® or this(C)
- arrows ← and → and ← >
- ellipsis…
- preserve HTML entities
- and many others :-)
spaces:
Poznámka: Nahrazování se obvykle tídí dalšími pravidly, kterc určují, kdy symbol nahradit a kdy ne. Naptíklad
šipka ->
nemůže být na konci tádku atd. Proto nebuďte ptekvapeni, když v n>kterých ptípadech Texy
náhradu neprovede. Pokud to považujete za chybu, dejte mi v>d>t.
Zkratky, akronymy
Používá se zápisu s dvojitou kulatou závorkou:
Poznámka: mezi ABBR a ACRONYM se nerozlišuje.
Klikatelnc URI
Automatický ptevod URI do klikatelnc formy (včetn> emailů)
další informace na www.texy.info a takc …
Rozd>lení velmi dlouhých slov
Velmi zajímavá a důležitá funkce Texy. Dlouhá slova mohou narušit vzhled stránky, proto je vhodnc prohlížeči naznačit, kde je může zalomit. Texy tyto místa hledá s ptihlcdnutím k národním zvyklostem, tedy slovo rozd>luje podle slabik:
Poznámka: limit dclky slova je volitelný
Poznámka: současnc prohlížeče na jádru Gecko (Mozilla, Firefox) jsou k naznačencmu d>lení slepí. Doufám, že vývojáti tento nedostatek brzy odstraní. Nebo zkuste tohle
Tabulky
Ptíklad jednoduchc tabulky, sloupce se odd>lují znakem |
A výsledek je:
first col | second col | third col |
Adam | Eva | Franta |
Hlavičku tabulky můžeme definovat tímto zápisem:
First Name | Last Name | Age |
---|---|---|
Jesus | Christ | 33 |
Cecilie | Svobodova | 74 |
Pokud hlavičku netvotí tádek (tádky), můžeme ji definovat na úrovni bun>k. Stačí vložit hv>zdičku ihned po
znaku |
First Name | Jesus | Cecilie |
---|---|---|
Last Name | Christ | Svobodova |
Age | 33 | 74 |
Sloučení sloupců
všimn>te si zdvojencho ||
Name | Age | |
---|---|---|
Jesus | Christ | 33 |
Sloučení tádků
Všimn>te si znaku ^
symbolizujícího sm>r nahoru:
First Name | Last Name | Age |
---|---|---|
Bill | 50 | |
52 | ||
Jim | Beam | 70 |
Modifikátory
Platí tato pravidla:
- modifikátor ovliv_ující celou tabulku se vkládá bezprosttedn> pted tabulku
- ovliv_ující tádek se vkládá na konec tádku
- ovliv_ující sloupec se vkládá na začátek bu_ky (vlevo v bu_ce)
- a nakonec ovliv_ující bu_ku se vkládá na konec bu_ky (pravo v bu_ce)
Podívejte se na ptíklad.
Zde je:
.(people)
modifikátor tabulky.{color: green}
modifikátor sloupce.{font-style:italic}
modifikátor tádku.{color: blue}
a takc.>
modifikátor bu_ky
Takže výsledná tabulka vypadá takto:
first col | second col | third col |
Adam | Eva | Franta |