Rozdíly

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

--- spse:pm3:html-tagy [2020/09/29 18:34] – jenda
+++ spse: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
   * **<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 ====
-Pro vložení odkazu do webové stránky pak poslouží následující konstrukce:
 <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:
@@ Řádek 47: / Řádek 45: @@
 i informace o nejnovější verzi jazyka HTML.
 </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
-[[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 ====
@@ Řádek 59: / Řádek 55: @@
 ===== 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">
-Předformátovaný text
+<img src="moucha.gif" alt="Moucha, která jí večeři" width="200" height="142">
-Začleňování citátů
-Tabulky
+</code>
-Kaskádové styly
+===== 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 =====