Grundlagen der Webprogrammierung mit HTML, CSS und Javascript
|
<html> </html>
|
|
|
<head> </head>
|
Informationen über die Website, Links tu externen Dokumenten
|
|
<body> </body>
|
Inhalt der Website
|
|
<h1>Überschrift </h1>
<h2>Überschrift2</h2> |
Überschriften
|
|
<p> Paragraph </p>
|
Absatz
|
|
<br>
|
break, Zeilenumbruch
|
|
<pre> </pre>
|
vorformattierter Text
|
|
<code> </code>
|
Programmcode ausgeben
|
|
<b> </b>
|
fett-gedruckter Text
|
|
<i> </i>
|
kursiv gedruckter Text
|
|
<img src="url_des_bildes" alt="Alternativtext" title="Hovertext" />
|
|
<a href="zieladresse" target="_blank" > sichtbarer Link </a>
|
|
<ol> </ol>
|
geordnete Liste (Nummerierung)
|
|
<ul></ul>
|
ungeordnete Liste (Auflistung)
|
|
<li> </li>
|
Listeneintrag
|
|
<link rel="stylesheet" href="mystyle.css">
|
externe CSS-Datei
|
|
<style>
body {color: green;} </style> |
interne CSS-Anweisungen (head)
|
|
<h1 style="color:green;"> heading </h1>
|
inline Styleanweisung im html-Tag
|
|
font-size
|
Schriftgrösse in Pixel px oder em
|
|
font-family
|
Schriftfamilien als Liste von Schriften
|
|
font-weight
|
normal, bold, bolder, lighter
|
|
text-style
|
italic (kursiv), normal
|
|
text-transform
|
capitalize, uppercase, lowercase, none
|
|
text-align
|
horizontale Ausrichtung: left, center, right, justify
|
|
<!-- Kommentartext
--> |
html-Kommentar, mehrzeilig
|
|
/* Kommentartext
*/ |
css-Kommentar, mehrzeilig
|
|
// Kommentartext
|
css, js-Kommentar, einzeilig
|
|
.classname {
css-code } |
Deklaration der Klasse
|
|
<tag class="classname"> </tag>
|
Zuweisung einer Klasse
|
|
<tag class="class1 class2"> </tag>
|
Zuweisung zweier Klassen
|
|
#idname {
css-code } |
Deklaration der ID
|
|
<tag id="idname"> </tag>
|
Zuweisung einer ID
|
No comments yet.
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.
