<html> párový tag uvození celého dokumentu
<head> párový tag
hlavička dokumentu
zde se nastaví kódování dokumentu styl (CSS)
JavaScript funkce ...
<title>nadpis stránky</title> párový tag, "nadpis stránky" se objeví
v záhlaví (horní liště) prohlížeče
obecné informace o dokumentu
přesměrování
</head>
<body> párový tag, tělo dokumentu
</body>
</html>
|
<meta name="author" content="Jaroslav Richter"> <meta name="description" content="Popis tvorby a publikování WWW stránek"> |
<style>
BODY{font-family: sans-serif;}
</style>
|
<script language=JavaScript>
window.alert("Nazdar");
</script>
|
<body background="pozadi.jpg" bgcolor="yellow" text="black" ...> |
<table> <tr> <td></td><td></td><td></td> <td colspan=3></td> <!--spojení sloupců--> <td rowspan=3></td> <!--spojení řádků--> </tr> </table> |
<MAP NAME="ruzne_barvy1"> <AREA HREF="4.html" ALT="cervena" SHAPE=RECT COORDS="5,5,53,53"> <AREA HREF="1.html" ALT="modra" SHAPE=RECT COORDS="113,5,161,53"> <AREA HREF="3.html" ALT="zluta" SHAPE=CIRCLE COORDS="83,29,24"> </MAP> <IMG SRC="klikaci.bmp" USEMAP="#ruzne_barvy1"> |
<MAP NAME="ruzne_barvy2"> <AREA HREF="1.html" ALT="Nápověda" SHAPE=POLY COORDS="2,2,2,28,47,28,47,23,26,2,2,2"> <AREA HREF="2.html" ALT="Nápověda" SHAPE=POLY COORDS="49,28,49,22,29,2,82,2,82,18,56,18,57,28,49,28"> <AREA HREF="3.html" ALT="Nápověda" SHAPE=POLY COORDS="59,21,89,21,97,13,97,28,59,28,59,21"> <AREA HREF="4.html" ALT="Nápověda" SHAPE=POLY COORDS="85,18,88,18,97,9,97,2,85,2,85,18"> </MAP> <IMG SRC="poly.bmp" USEMAP="#ruzne_barvy2"> |
<html>
<head>
<SCRIPT SRC="/jsMath/easy/load.js"></SCRIPT>
</head>
<body>
<div class="math">\alpha \beta \gamma \Delta c_0 \int_0^\infty x^2dx</div>
<br>
<div class="math"> \frac{a^2-b^2}{a+b}=a-b</div>
</body>
</html>
|
|
\alpha \beta \gamma \Delta c_0 \int_0^\infty x^2dx
\frac{a^2-b^2}{a+b}=a-b
|
<head>
<style>
<!--
body{
font-size: 12px;
color: navy;
font-family: sans-serif;
/*celý dokument bude napsán bezpatkovým, tmavěmodrým */
/*písmem o velikosti 12 pixelů */
}-->
</style>
</head>
|
body{
font-size: 12px;
color: navy;
font-family: sans-serif;
/*celý dokument bude napsán bezpatkovým, tmavěmodrým */
/*písmem o velikosti 12 pixelů */
}
|
TAG {
color :BLUE;
/*barva pisma*/
background-color : RED;
/*barva pozadi*/
font-family: sans-serif;
/*serif, arial - pismo*/
font-size: 14pt/px;
/*velikost pisma*/
}
|
A:link {color: green;}
A:visited {color: navy;}
A:active {color: black;}
A:hover {color: red; text-decoration: underline;}
|
<style>
.MOJE{
background-color: #e6d250;
color: black;
font-family: Arial;
font-size: 11pt;
}
</style>
<tag class=MOJE>
|
font-family: Arial; /* použitý font Times, Sans-Serif, Courier*/ font-size: 10px; /*velikost písma px, pt .... font-style: normal; /*řez písma normal, italic (normální, kurzíva)*/ font-variant: normal; /* normal, small-caps (normal, kapitálky) */ font-weight: normal; /* normal, bold (normální, tučné)*/ text-decoration: none; /*none, underline, overline*/ line-height: 8px; /*výška řádku*/ text-align: left; /*left,right,center, justify (vlevo,vpravo,uprostřed, blok)*/ color: #00CC00; /*barva písma*/ background-color: #0000FF; /*barva pozadí*/ margin-top: 10px; /*vnější horní okraj*/ margin-left: 20px; /*vnější levý okraj*/ margin-bottom: 0px; /*vnější spodní okraj*/ margin-right: 0px; /*vnější pravý okraj*/ padding-top: 10px; /*vnitřní horní okraj*/ padding-left: 20px; /*vnitřní levý okraj*/ padding-bottom: 0px; /*vnitřní spodní okraj*/ padding-right: 0px; /*vnitřní pravý okraj*/ border-width: 2px; /*šířka rámečku*/ border-color: RED; /*barva rámečku*/ border-style: none; /*styl rámečku none, solid,inset,outset*/ /* žádný, plný ,'díra', 'kopeček' */ position: absolute; /*poloha se zadává abslolutně vzhledem k*/ /*levému hornímu rohu */ top: 20px; /*horní okraj*/ left: 20px; /*levý okraj*/ position: relative; /*poloha se zadavá relativně vzhledem k stavající poloze*/ top: 20px; /*říká posun v horizontálním směru*/ left: 20px; /*říká posun ve vertikálním směru */ width: 100px; /*šířka*/ height: 80px; /*výška*/ border-collapse: collapse; /* pro tabulku, zruší mezery mezi buňkami*/ visibility:hidden/visible; /* pro libovolný prvek skrytí zobrazení |