soubor „mujhtml.hml“
<html> <link rel='stylesheet' id='colorbox-css' href='mujstyl.css' type='text/css' media='all' /> <h1>Muj nadpis</h1> <p>toto je normalni text </p> <table style="background-color:#EBF3F6;"> <td>text</td><tr> <td>text</td> </table> <div id="mujprvni"> <p>Text v divu</p> </div> </html>
soubor „mujstyl.css“
html{
background-color:yellow;
}
h1{
color:blue;
}
#mujprvni{
position: absolute;
width: 200px;
height: 200px;
left: 200px;
top: 50px;
background-color: red;
opacity:0.5;
border-radius: 16px;
border:2px solid;
border-color:black;
}
material k tvorbě http://www.barelyfitz.com/screencast/html-training/css/positioning/