HTML
Aus Palita
| Dieser Artikel ist noch nicht vollständig, Details dazu findest du evtl. im Quelltext oder auf der Diskussionsseite. Hilf mit diesen Artikel zu ergänzen!
|
HTML (Hypertext Markup Language) ist eine Auszeichnungsprache um Inhalte (Texte, Bilder, Hyperlinks,...) zu strukturieren. Diese HTML-Dokumente können von Browsern dargestellt werden, und bilden die Grundlage des World Wide Web.
HTML wird vom World Wide Web Consortium (W3C) weiterentwickelt. Die aktuelle HTML-Version 4.01. HTML 5 befindet sich in der Entwicklung, XHTML (Extensible Hypertext Markup Language) ist die momentan aktuelle Version.
Inhaltsverzeichnis |
Syntax
Der Inhalt eines HTML-Dokuments wird durch sogenannte Tags strukturiert. Die meisten HTML-Elemente beinhalten ein Anfangs- und ein Schlusstag (Bsp.: <h2>...</h2>). Der Schlusstag wird durch ein Slash ("/") vor dem Tag-Namen gekennzeichnet. Im ersten Tag ist es möglich Attribute für das Element festzulegen (Bsp.: <table border="5">...)...todo
HTML Varianten
todo
Aufbau
<?xml version="1.0" encoding="utf-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> Immer einen Titel angeben </title>
</head><body>... hier kommt Ihr Inhalt hin ...
</body></html>
(Das Beispiel ist XHTML in der Variante strict)
Grundlagen
Hier einige Grundlagen zur Erstellung von HTML-Dokumenten
Allgemeine Struktur
Ein HTML-Dokument besteht aus 3 grundlegenden Elementen: der Dokumenttypdeklaration (Doctype), dem Kopf (Head) und dem Körper, der den eigentlichen Inhalt enthält.
Doctype
todo
Head
Im Head-Teil werden grundlegende Eigenschaften des Dokuments festgelegt, darunter zählen unter anderem
- Seitentitel (<title>Dieser Text wird in der Titelleiste des Browsers angezeigt</title>)
- Metadaten: Diese sind z.B.
- Schlüsselwörter (für Suchmaschinen)
- Beschreibung der Seite
- Autor der Seite
- Zeichenkodierung
- Stylesheet-Informationen (CSS)
- Scripte (z.B. JavaScript)
und weitere.
Metadaten
Metadaten werden grundsätzlich mit dem <meta />-Tag eingeleitet. Es folgt der Name und der Inhalt des Elements. Beispiele:
<head><meta name="keywords" content="Meta-Tag, Metainformationen, HTML /><meta name="author" content="Palita.net Team" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
Körper (Body)
todo
Textformatierung
todo
Textstrukturierung
<p>...</p> "Paragraph" für Abschnitte/Absätze
<h1>...</h1> "Heading" für Überschriften (1=größte 6=kleinste)
<br /> "Break" erzwingt einen Zeilenumbruch
Sonderzeichenmaskierung ist für UTF-8 kodierte Seiten nicht mehr zwingend notwendig, dort können die Zeichen normal eingetragen werden. Zu beachten ist, dass dabei ein Meta-Tag für die Kodierung enthalten sein muss (siehe Zeile 4 im Beispiel unter #Metadaten)).
Listen
<ol><li>Bier</li>
<li>Pizza</li>
<li>Chips</li>
<li>Schoppen</li>
</ol><ul><li>...</li></ul> ergibt eine geordnete Liste.
und so sieht es dann aus:
- Bier
- Pizza
- Chips
- Schoppen
Tabellen
Eine Tabelle wird von <table>...</table> umschlossen. mit dem Attribut "border=0" kann man die Stärke des Rahmens in Pixeln angeben. <tr>...</tr> (table row) umschließt eine komplette Tabellenzeile. <th>...</th> (table header) umschließt eine Kopfzelle (innerhalb einer Zeile) <td>...</td> (table data) umschließt eine normale Tabellenzelle (innerhalb einer Zeile)
<table border="1"><tr><th>Montag</th>
<th>Dienstag</th>
</tr><tr><td>Mathe</td>
<td>Bio</td>
</tr><tr><td>Englisch</td>
<td>Französisch</td>
</tr></table>
und so sieht es dann aus:
| Montag | Dienstag |
|---|---|
| Mathe | Bio |
| Englisch | Französisch |
...todo
Siehe auch
Links
- SelfHTML zum HTML Lernen und Nachschlagen http://de.selfhtml.org/
- W3C XHTML Markup Validator http://validator.w3.org/
- W3C CSS Validation http://jigsaw.w3.org/css-validator/
