Ondřej Žára, @0ndras
file://Ahoj <strong>světe</strong>
<a><b>test</b></a><img>)
<img /><!doctype html>
Ahoj <!-- světe -->
klíč="hodnota"<img src="http://obrazek.cz/file.jpg" alt="Kočka" />
&lt; <!-- less than = < -->
&#128169;
Těchto pět znaků je vždy nutné psát pomocí entit!
| < | < |
| > | > |
| & | & |
| ' | ' |
| " | " |
Struktura dokumentu I
<!doctype html>
<html>
<head>
<title>moje stránka</title>
</head>
<body>
...
</body>
</html>
Struktura dokumentu II
<header><footer><nav><article><section><aside>Co do hlavičky?
<title> je povinný<script> v jazyce JavaScript<meta> pro definici metadat stránky<link> pro odkaz na související dokument (stylopis, favikona, prefetch…)Kódování dokumentu
<meta charset="utf-8" />Content-Type, na tu je lépe nespoléhatBlokové prvky
<p> = odstavec<h1> = nadpis první úrovně<h2> = nadpis druhé úrovně<h6><ul> = odrážkový seznam<ol> = číslovaný seznam<li> = položka seznamuŘádkové prvky
<strong><em><img><code> = zdrojový kód<ins> = něco vloženého<del> = něco Tabulka
<table>
<thead>
<tr>
<td>Levá horní</td><td>Pravá horní</td>
</tr>
</thead>
<tbody>
<tr>
<th>Levá střední</th><td>Pravá střední</td>
</tr>
<tr>
<th>Levá dolní</th><td>Pravá dolní</td>
</tr>
</tbody>
</table>
Odkaz – nejdůležitější HTML značka
<a href="http://www.seznam.cz">Seznam</a>
Další atributy
<img src= alt= width= height=<input type=checkbox<script src=<link rel= href=<p id= class=<p>Toto je nadpis</p><b>, <i>, <u>…<div> a <span><br/>