HTML-CODIERUNG

HTML = Hypertext Markup Language ist die Abkürzung für die Seitenbeschreibungssprache auf der alle im World Wide Web des Internets aufrufbaren Webseiten aufbauen.

Um den Aufbau einer Internetseite zu verstehen, arbeiten wir mit einem leicht nachvollziehbaren Beispiel. Geben Sie folgenden Quelltext in Ihrem Textverarbeitungsprogramm ein und speichern diesen anschließend als html-Datei ab.

<html>
<body bgcolor=#ffffff>
<p><font face=arial color=#000088 size=4><i>
<marquee dir=ltr>

Dieser Text (Schriftgrad 4; dunkelblau) läuft kontinuierlich von rechts nach links.</marquee></font></p>

</b></i></font></p>
<p><center>© 2011 Code-Knacker</center></p>
</body>
</html>

 

Dieser Text (Schriftgrad 4; dunkelblau) läuft kontinuierlich von rechts nach links.

© 2011 Code-Knacker

Falls Ihnen eine besonders gelungene Homepage zusagt, so schauen Sie sich doch einfach einmal den Quelltext so einer Seite an. Rechte Maustaste betätigen und mit der linken Maustaste "Quelltext anzeigen" anklicken. Gehen Sie anschließend im nunmehr geöffneten Editor auf "Suchen" und geben den zu suchenden Begriff im neu geöffneten Fenster ein.

Falls Sie bisher auf bequeme Weise Ihre Homepage mit einem HTML-Editor (spezielles Hilfsprogramm zur Erstellung von Homepages) erstellt haben, dieses jedoch bestimmte nachträgliche Änderungen nicht zulässt, so versuchen Sie es doch einmal manuell in der zuvor beschriebenen Weise.

An dieser Stelle noch eine kleine Auswahl von Tags (das sind Zeichenketten, die Anweisungen enthalten, den nachfolgenden Text in einer bestimmten Weise darzustellen), die von den meisten Browsern (Software die HTML-Seiten korrekt darstellen kann) verstanden werden, mit der Sie Ihre Homepage aufpeppen oder aktualisieren können:

<html> … </html> Diese Tags am Anfang und Ende eines Dokuments teilen dem Browser mit, dass es sich um ein HTML-Dokument handelt.
<body> … </body> Definiert Anfang und Ende des gesamten Dokumentes.
<body bgcolor=#e6e6ea> Dieser Tag stellt die Hintergrund(background)farbe(color) des Dokuments ein.
<big> … </big> Der Text wird um einen Fontgrad größer als der umgebende Text dargestellt.
<img src="Dateiname"> Fügt eine Grafik (image) ein.
<center> … </center> Der Text wird zentriert dargestellt.
<b>…</b> Der eingeschlossene Text wird fett (bold) dargestellt. Nicht mehr in HTML5.
<strong>…</strong> Der eingeschlossene Text wird fett dargestellt.
<i> … </i> Der eingeschlossene Text wird kursiv (italic) dargestellt. Nicht mehr in HTML5.
<em> … </em> Der eingeschlossene Text wird kursiv dargestellt.
<a> … </a> Ein Anker verbindet ein Dokument mit dem anderen.
&Oslash; Ø (Durchschnitt)
&frac14; ¼
&frac12;  ½
&frac34; ¾
&micro; µ (Mikro)
&permil; ‰ (Promille)
&sim; ~ (Tilde)
&infin; ∞ (unendlich)
&asymp; ≈ (ungefähr, annähernd)
&times; × (Multiplikation)
&divide; ÷ (Division)
&copy; © (Copyright)
&sum; ∑ (Summe, Sigma)
&#9760; ☠(Totenkopfsymbol)
&spades; ♠
&clubs; ♣
&hearts;  ♥
&diams; ♦              >>> weitere html-Entities

#000000

Farbe: Schwarz (oder rgb-Schema: 0,0,0)

#0000FF

 Farbe: Blau (oder rgb-Schema: 0,0,255)

#00FF00

 Farbe: Limone (oder rgb-Schema: 0,255,0)

#00FFFF

 Farbe: Wasser, Cyan (oder rgb-Schema: 0,255,255)

#228B22

 Farbe: Waldgrün (oder rgb-Schema: 34,139,34)

#87CEFA

 Farbe: Hellhimmelblau (oder rgb-Schema: 135,206,250)

#D2B48C

 Farbe: Hautfarben (oder rgb-Schema: 210,180,140)

#DA70D6

 Farbe: Orchidee (oder rgb-Schema: 218,112,214)

#E6E6FA

 Farbe: Lavendel (oder rgb-Schema: 0,230,230)

#FFFFF0

 Farbe: Elfenbein (oder rgb-Schema: 255,255,240)

#F0D58C

 Farbe: Khaki (oder rgb-Schema: 240,213,140)

#FAF0E6

 Farbe: Leinen (oder rgb-Schema: 250,240,230)

#F5F5DC

 Farbe: Beige (oder rgb-Schema: 245,245,215)

#FF00FF

 Farbe: Magenta / Fuchsia (oder rgb-Schema: 255,0,255)

#FF69B4

 Farbe: Knallrosa (oder rgb-Schema: 255,105,180)

#FFAA05

 Farbe: Orange (oder rgb-Schema: 255,170,5)

#FFD700

 Farbe: Gold (oder rgb-Schema: 255,215,0)

#FFF5EE

 Farbe: Muschelweiß (oder rgb-Schema: 255,245,238)

#FFFFFF

 Farbe: Weiß (oder rgb-Schema: 000,000,000)

Diese hexadezimale Farbdarstellung entspricht dem Farbschema bzw. rgb-Schema #RRGGBB (auch:#rrggbb).

RR = Rot-Anteile     GG = Grün-Anteile     BB = Blau-Anteile

Pro Farbe können 16x16=256 Farbnuancen dargestellt werden


Mit den drei Farbwerten RRGGBB können somit 256x256x256=16.777.216 Farben (true color) dargestellt werden.

RGB-Farbsystem
RGB-Farbsystem

 

Hinweis!  Was heißt Hexadezimal? Der Begriff setzt sich aus dem Griechischen "hexa" für "sechs" und dem Lateinischen "decem" für "zehn" zusammen und kennzeichnet damit die Basiszahl 16 für dieses Zahlensystems.

(Das Dezimalsystem verwendet die Basiszahl 10 - das Binärsystem/Dualsystem die Basiszahl 2, nämlich die Ziffern 0 und 1).
Es werden die Ziffern 0 bis 9 und die Buchstaben A bis F für die Darstellung der dezimalen Ziffern 10 bis 15 verwendet. A = 10, B =11, C = 12, D = 13, E = 14, F = 15).
Jetzt ist auch das Rätsel gelöst, warum im Farbschema nur die Buchstaben A bis F verwendet werden.

 

Websichere Farben

Bei der Gestaltung von Websites sollte die Farbauswahl unter Umständen auf die 216 websicheren Farben fallen (je 6 Farbtöne für die Grundfarben Rot-Grün-Blau, also 6*6*6=216), da vereinzelte Webbrowser nicht mehr Farbnuancen darstellen können. Von diesem Farbschema abweichende Farben werden vom Browser reduziert und das beabsichtigte Text- oder Grafikdesign führt zu leichten Verfälschungen. Dieses gilt insbesondere auch für Displays (z.B. Fotohandys) mit geringer Farbtiefe.

#000000

#000033

#000066

#000099

#0000CC

#0000FF

#330000

#330033

#330066

#330099

#3300CC

#3300FF

#660000

#660033

#660066

#660099

#6600CC

#6600FF

#990000

#990033

#990066

#990099

#9900CC

#9900FF

#CC0000

#CC0033

#CC0066

#CC0099

#CC00CC

#CC00FF

#FF0000

#FF0033

#FF0066

#FF0099

#FF00CC

#FF00FF

#003300

#003333

#003366

#003399

#0033CC

#0033FF

#333300

#333333

#333366

#333399

#3333CC

#3333FF

#663300

#663333

#663366

#663399

#6633CC

#6633FF

#993300

#993333

#993366

#993399

#9933CC

#9933FF

#CC3300

#CC3333

#CC3366

#CC3399

#CC33CC

#CC33FF

#FF3300

#FF3333

#FF3366

#FF3399

#FF33CC

#FF33FF

#006600

#006633

#006666

#006699

#0066CC

#0066FF

#336600

#336633

#336666

#336699

#3366CC

#3366FF

#666600

#666633

#666666

#666699

#6666CC

#6666FF

#996600

#996633

#996666

#996699

#9966CC

#9966FF

#CC6600

#CC6633

#CC6666

#CC6699

#CC66CC

#CC66FF

#FF6600

#FF6633

#FF6666

#FF6699

#FF66CC

#FF66FF

#009900

#009933

#009966

#009999

#0099CC

#0099FF

#339900

#339933

#339966

#339999

#3399CC

#3399FF

#669900

#669933

#669966

#669999

#6699CC

#6699FF

#999900

#999933

#999966

#999999

#9999CC

#9999FF

#CC9900

#CC9933

#CC9966

#CC9999

#CC99CC

#CC99FF

#FF9900

#FF9933

#FF9966

#FF9999

#FF99CC

#FF99FF

#00CC00

#00CC33

#00CC66

#00CC99

#00CCCC

#00CCFF

#33CC00

#33CC33

#33CC66

#33CC99

#33CCCC

#33CCFF

#66CC00

#66CC33

#66CC66

#66CC99

#66CCCC

#66CCFF

#99CC00

#99CC33

#99CC66

#99CC99

#99CCCC

#99CCFF

#CCCC00

#CCCC33

#CCCC66

#CCCC99

#CCCCCC

#CCCCFF

#FFCC00

#FFCC33

#FFCC66

#FFCC99

#FFCCCC

#FFCCFF

#00FF00

#00FF33

#00FF66

#00FF99

#00FFCC

#00FFFF

#33FF00

#33FF33

#33FF66

#33FF99

#33FFCC

#33FFFF

#66FF00

#66FF33

#66FF66

#66FF99

#66FFCC

#66FFFF

#99FF00

#99FF33

#99FF66

#99FF99

#99FFCC

#99FFFF

#CCFF00

#CCFF33

#CCFF66

#CCFF99

#CCFFCC

#CCFFFF

#FFFF00

#FFFF33

#FFFF66

#FFFF99

#FFFFCC

#FFFFFF

 

 

>>> Farbnamen

 

www.code-knacker.de      print

 





A B C D
E F G H
I J K L
M N O P
Q R S T
U V W X
Y Z DL 123
Benutzerdefinierte Suche