HTML-Vorlagen
Grundgerüst
<html><head><title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
body { margin-left: 600px; font-family: arial }
</style></head>
<body>
<img src="" width="" height="">
</body></html>
Grundgerüst Winkel
<html><head><title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
body { margin-left: 300px; font-family: arial }
.rotate{ transform:rotate(33deg) }
.rotate_W{ transform:rotate(60deg) }
</style></head>
<body>
<img src="" width="" height="">
<div class="rotate" style="position:absolute; left: 500px; top: 100px; height: 2px; width: 600px; background-color: red"></div>
<div class="rotate_W" style="position:absolute; left: 500px; top: 100px"><font size="5" color="red"> &#; </font></div>
<div style="position:absolute; left: 600px; top: 200px"><span style="background-color: white"><b> 33° </b></span></div>
</body></html>
Seite kalibrieren
<style type="text/css">
html { margin-left: 0; margin-top: 0; padding: 0; width: 100% }
body { margin: 0; padding: 0 }
</style>
Positionieren
<div style="position:absolute; left: 600px; top: 200px; height: 2px; width: 25px; background-color: red"></div>
Ellipse
<style type="text/css">
.ell { width: 100px; height: 50px; border-radius:50%; border: 2px solid red }
</style>
<div style="position:absolute; left: 500px; top: 100px"><div class="ell"></div></div>
Kreis
<style type="text/css">
.cirkel { width: 100px; height: 100px; border-radius:50%; border: 3px solid red }
</style>
<div style="position:absolute; left: 500px; top: 100px"><div class="cirkel"></div></div>
Beschriftung
<div style="position:absolute; left: 600px; top: 200px"><span style="background-color: white">   </span></div>
Drehen
<style type="text/css">
.rotate{- -webkit-transform:rotate(60deg); -moz-transform:rotate(60deg); -o-transform:rotate(60deg); transform:rotate(60deg) }
</style>
.rotate{ transform:rotate(60deg) }
<div class="rotate" style="position:absolute; left: 500px; top: 100px"></div>
Filter
img { filter: grayscale(80%) brightness(0.5) contrast(200%) }
Spiegeln
p { transform: scaleX(-1) } (fkt. als Attribut von p, img)
Anker setzen
<a name="Name"></a>
aufrufen: / #Name
Tabelle mit einer Zelle und einfachem Rand
<table border="1" rules="none" bgcolor=#FFFFFF><tr><td> A </td></tr></table>
Sonderzeichen
| • • | × × | □ □ |
| | | | ° ° | |
home