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

Obě strany předchozí revize Předchozí verze
Následující verze
Předchozí verze
spse:pm3:html-tagy [2020/09/29 18:45] jendaspse:pm3:html-tagy [2024/07/07 16:48] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
Řádek 28: Řádek 28:
   * **<abbr>** ustálený výraz   * **<abbr>** ustálený výraz
   * **<acronym>** zkratka   * **<acronym>** zkratka
-  * **<del>** smazaný obsah [([(https://www.jakpsatweb.cz/html/text.html)])]+  * **<del>** smazaný obsah [(https://www.jakpsatweb.cz/html/text.html)])]
  
  
Řádek 37: Řádek 37:
  
 ==== Vložení odkazu ==== ==== Vložení odkazu ====
-Pro vložení odkazu do webové stránky pak poslouží následující konstrukce: 
- 
 <code> <a href="URL">text odkazu</a> </code> <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: 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:
Řádek 47: Řádek 45:
 i informace o nejnovější verzi jazyka HTML. i informace o nejnovější verzi jazyka HTML.
 </code> </code>
- 
-V prohlížeči bývá text odkazu obvykle podtržen a zobrazen odlišnou barvou: 
  
 Mnoho zajímavých informací o službě WWW lze nalézt na serveru 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.+__[[http://www.w3.or|konsorcia W3C]]__. Naleznete zde i informace o nejnovější verzi jazyka HTML.
  
 ==== Malá odbočka k atributům ==== ==== Malá odbočka k atributům ====
Řádek 59: Řádek 55:
  
 ===== Seznamy ===== ===== Seznamy =====
 +<no-fragment-list>
   * celý seznam zahájíme tagem <ul>;   * 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>;   * napíšeme potřebný počet položek seznamu, každou položku uzavřeme mezi tagy <li> a </li>;
Řádek 77: Řádek 74:
   * Šfestky   * Šfestky
   * Banány   * Banány
- +</no-fragment-list>
  
  
Řádek 90: Řádek 86:
  
  
-Komentáře+===== Komentáře ===== 
  
 <code html > <!-- text komentáře --> </code> <code html > <!-- text komentáře --> </code>
Řádek 99: Řádek 96:
  
  
-Tabulky +===== Tabulky ===== 
-  * Tabulky se vytváření pomocí elementu **<table>+ 
 +  * Tabulky se vytváření pomocí elementu **<table> **
   * **<tr> ** - řádky tabulky   * **<tr> ** - řádky tabulky
   * **<td> ** - buňky tabulky   * **<td> ** - buňky tabulky
   * **<th> ** - hlavička tabulky   * **<th> ** - hlavička tabulky
  
 +---->
 <code html> <code html>
 <table> <table>
Řádek 130: Řádek 128:
 </table> </table>
 </code> </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 =====
  
  
-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 =====
  
  
  • spse/pm3/html-tagy.1601405104.txt.gz
  • Poslední úprava: 2024/07/07 16:48
  • (upraveno mimo DokuWiki)