spse:pm3:html-tagy

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Následující verze		 Předchozí verze
spse:pm3:html-tagy [2020/09/29 18:22] – vytvořeno jendaspse:pm3:html-tagy [2024/07/07 16:48] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
Řádek 5: Řádek 5:
 ===== Úprava textu ===== ===== Ú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ů).// //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 ====+==== Fyzické formátování textu  ====
   * **<b>** tučné písmo   * **<b>** tučné písmo
   * **<i>** kurzíva   * **<i>** kurzíva
Řádek 14: Řádek 14:
   * **<big>** zvětšení písma   * **<big>** zvětšení písma
   * **<s>** přeškrtnutý text   * **<s>** přeškrtnutý text
-  * **<strike>** přeškrtnutý text+  * **<strike>** přeškrtnutý text [(https://www.jakpsatweb.cz/html/text.html)]
  
 ==== Logické formátování ==== ==== Logické formátování ====
Řádek 28: Řádek 28:
   * **<abbr>** ustálený výraz   * **<abbr>** ustálený výraz
   * **<acronym>** zkratka   * **<acronym>** zkratka
-  * **<del>** smazaný obsah+  * **<del>** smazaný obsah [(https://www.jakpsatweb.cz/html/text.html)])]
  
  
 ===== Odkazy ===== ===== 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 ===== ===== 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 ===== ===== 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>
  
-Předformátovaný text +<h1>Stať</h1>
-Začleňování citátů+
  
-Tabulky+<p>Text teď poněkud rozvineme.</p> 
 +<p>Alespoň do dvou odstavců.</p>
  
-Kaskádové styly+<h1>Závěr</h1>
  
 +<p>Závěr může být opět krátký.</p>
  
 +</body>
 +</html>
 +</code>
 +<----
  
 +===== Zdroje =====
  
  
  • spse/pm3/html-tagy.1601403732.txt.gz
  • Poslední úprava: 2024/07/07 16:48
  • (upraveno mimo DokuWiki)