spse:pm3:html-tagy [wiki Avrio.cz]

Tato stránka je pouze pro čtení. Můžete si pouze prohlédnout zdrojový kód, ale ne ho měnit. Zeptejte se správce, pokud si myslíte, že něco není v pořádku.
~~NOCACHE~~
~~REVEAL theme=dokuwiki&transition=convex&controls=1&show_progress_bar=1&build_all_lists=1&show_image_borders=0&horizontal_slide_level=2&enlarge_vertical_slide_headers=0&show_slide_details=1&open_in_new_window=1&size=1024x768~~
======HTML Tagy ======

===== Úprava textu =====
//Všechny tagy na formátování textu jsou in-line tagy, to znamená řádkové. Nezalamují za sebou řádek (narozdíl od blokových tagů).//
==== Fyzické formátování textu  ====
  * **<b>**	tučné písmo
  * **<i>**	kurzíva
  * **<u>**	podtržení textu :!: Nepoužívat
  * **<sub>**	dolní index
  * **<sup>**	horní index
  * **<small>**	zmenšení textu
  * **<big>**	zvětšení písma
  * **<s>**	přeškrtnutý text
  * **<strike>**	přeškrtnutý text [(https://www.jakpsatweb.cz/html/text.html)]

==== Logické formátování ====
  * **<span>**	úsek textu
  * **<strong>**	zvýraznění (tučně)
  * **<em>**	zvýraznění (kurzíva)
  * **<cite>**	citace
  * **<code>**	výpis kódu
  * **<dfn>**	nově použitý termín
  * **<kbd>**	vstup z klávesnice
  * **<samp>**	ukázka
  * **<var>**	formátování proměnné
  * **<abbr>**	ustálený výraz
  * **<acronym>**	zkratka
  * **<del>**	smazaný obsah [(https://www.jakpsatweb.cz/html/text.html)])]


===== Odkazy =====
==== Opakování ====
<code>http://www.kosek.cz/php/faq.html</code>
{{:spse:pm3:pasted:20200929-182523.png}}

==== Vložení odkazu ====
<code> <a href="URL">text odkazu</a> </code>
Nejčastější použití odkazů je přímo v textu, kde vytvoříme odkaz na další informace týkající se určitého pojmu:

<code html>
Mnoho zajímavých informací o službě WWW lze nalézt na serveru
<a href="http://www.w3.org/">konsorcia W3C</a>. Naleznete zde 
i informace o nejnovější verzi jazyka HTML.
</code>

Mnoho zajímavých informací o službě WWW lze nalézt na serveru
__[[http://www.w3.or|konsorcia W3C]]__. Naleznete zde i informace o nejnovější verzi jazyka HTML.

==== Malá odbočka k atributům ====
<code html> <název elementu atribut1="hodnota1" atribut2="hodnota2" … > </code>

{{:spse:pm3:pasted:20200929-183244.png}} [(http://htmlguru.cz/zaklady-atributy.html)]

===== Seznamy =====
<no-fragment-list>
  * celý seznam zahájíme tagem <ul>;
  * napíšeme potřebný počet položek seznamu, každou položku uzavřeme mezi tagy <li> a </li>;
  * seznam ukončíme tagem </ul>.
<code html>
Nabízené druhy ovoce:
<ul>
    <li>Jablka</li>
    <li>Hrušky</li>
    <li>Švestky</li>
    <li>Banány</li>
</ul>
</code>

Nabízené druhy ovoce:
  * Jablka
  * Hručky
  * Šfestky
  * Banány
</no-fragment-list>


===== Obrázky =====
<code html><img src="URL" alt="popis" width="šířka" height="výška">

<img src="moucha.gif" alt="Moucha, která jí večeři" width="200" height="142">

</code>



===== Komentáře =====


<code html > <!-- text komentáře --> </code>

<WRAP center round tip 60%>
Co nelze komentovat?
</WRAP>


===== Tabulky =====

  * Tabulky se vytváření pomocí elementu **<table> **
  * **<tr> ** - řádky tabulky
  * **<td> ** - buňky tabulky
  * **<th> ** - hlavička tabulky

---->
<code html>
<table>
<tr>
    <th>Rok</th>
    <th>Obrat A</th>
    <th>Obrat B</th>
</tr>
<tr>
    <td>1994</td>
    <td>12,6 mil.</td>
    <td>3,6 mil.</td>
</tr>
<tr>
    <td>1995</td>
    <td>11,7 mil.</td>
    <td>5,9 mil.</td>
</tr>
<tr>
    <td>1996</td>
    <td>8,3 mil.</td>
    <td>9,7 mil.</td>
</tr>
</table>
</code>
<----
---->
^ Rok ^ Obrat A ^ Obrat B ^
| 1994 | 12,6 mil |3,6 mil. |
| 1995 | 11,7 mil. | 5,9 mil. |
| 1996 | 8,3 mil. | 9,7 mil.|
<----
===== Bonus Kaskádové styly =====


<code html> 
<!DOCTYPE html>
<html>
<head>
<title>Ukázková stránka -- bez použití CSS</title>
</head>
<body bgcolor="white" link="blue" vlink="navy" alink="red">

<basefont size="3" face="Verdana CE, Verdana, Arial CE, Arial,
Helvetica, sans-serif">

<h1 align="center"><font color="blue" face="Times New Roman CE, Times New Roman,
Times Roman, serif">Úvod</font></h1>

<p>Nějaký v tuto chvíli nepodstatný text</p>

<h1 align="center"><font color="blue" face="Times New Roman CE, Times New Roman,
Times Roman, serif">Stať</font></h1>

<p>Text teď poněkud rozvineme.</p>
<p>Alespoň do dvou odstavců.</p>

<h1 align="center"><font color="blue" face="Times New Roman CE, Times New Roman,
Times Roman, serif">Závěr</font></h1>

<p>Závěr může být opět krátký.</p>

</body>
</html>
</code>
---->
<code css>
body { background-color: white;
       color: black;
       font-family: Verdana, Arial, Helvetica, sans-serif }

h1 { color: blue;
     font-family: 'Times New Roman', 'Times Roman', serif;
     text-align: center }
</code>
<----
---->
<code html >
<!DOCTYPE html>
<html>
<head>
<title>Ukázková stránka -- bez použití CSS</title>
<link href="styl.css" type="text/css" rel="stylesheet">
</head>
<body>

<h1>Úvod</h1>

<p>Nějaký v tuto chvíli nepodstatný text</p>

<h1>Stať</h1>

<p>Text teď poněkud rozvineme.</p>
<p>Alespoň do dvou odstavců.</p>

<h1>Závěr</h1>

<p>Závěr může být opět krátký.</p>

</body>
</html>
</code>
<----

===== Zdroje =====