Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!doctype html> <html lang="de"> <head>

Größe: px

Ab Seite anzeigen:

Download "Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!doctype html> <html lang="de"> <head>"

Frieder Dieter
vor 7 Jahren
Abrufe

1 Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!doctype html> <html lang="de"> <head> </head> <meta charset="utf-8"> <title>name Ihres HTML-Dokumentes</title> <body>  Hello World! </body> </html> -1/5-

2 Kurzreferenz HTML Tag [tæg] Verwendungszweck Attribute Beispiel <a> </a> Verweise auf Websites (href-attribut) bzw. auf Seitenbereiche generieren (name-attribut). href=url name=fragmentname <a href= <blockquote> </blockquote> Enthaltener Textblock ist ein Zitat. cite=url zur Angabe der Zitatquelle <blockquote cite= >Wenn man beginnt, seinem Paßfoto ähnlich zu sehen, sollte man in den Urlaub fahren.</blockquote> <body> </body> Kennzeichnung des Hauptteiles des HTML-Dokumentes <br /> Unterbricht den Textfluss und fährt am Anfang der nächsten Zeile fort. - Hello<br>World <center> </center> ( deprecated ) Zentriert den enthaltenen Text. - <center>dieser Text wird zentriert dargestellt.</center> <div> </div> (<div align= center > ebenfalls deprecated ) Erzeugt einen neuen logischen Abschnitt im HTML- Dokument. id=id class=class align=typ (center, left, right) <div align= center >Dieser Text wird ebenfalls zentriert dargestellt</div> <hr /> Fügt eine horizontale Linie ein. Oberhalb und <hr> unterhalb der Linie. -2/5-

3 <i> Formatiert den Text in kursiver Schrift. - <i>dieser Text wird kursiv dargestellt.</i> <img [] /> Einfügen eines Bildes in den aktuellen Textfluss. alt=desc Bildbeschreibung <img src= bild.jpg alt= Dieses Bild stellt etwas dar - und ist quadratisch border= 3px height= 150px width= 150px > border=n Rahmenstärke Höhe des Bildes Breite des Bildes src=url Angabe der URL- Quelle des Bildes (erforderlich) <li> </li> Listenelement in einer geordneten (<ol>) oder ungeordneten (<ul>) Liste. <ul> <li>listenelement in einer unsortierten Liste</li> </ul> <ol> </ol> Definiert eine geordnete Liste mit aufsteigend nummerierten <li>-elementen. <ol><li>nummeriertes Element</li></ol> <p> </p> Beginn und Ende eines Absatzes. <p>ein Absatz</p> <strong> </strong> Der enthaltene Text wird stark hervorgehoben. - <strong>ich werde stark hervorgehoben dargestellt.</strong> <table> </table> Definiert eine Tabelle border=n Bestimmt die <table border= 1px cellspacing= 0 cellpadding= 5px height= 1200px width= 500px > -3/5-

4 Rahmenstärke der Tabelle in Pixel <tr><td>eine Tabellenzeile</td></tr></table> cellpadding=n Einfügen eines Leeraumes von n Pixel um den Inhalt jeder Zeile cellspacing=n Einfügen eines Leerraumes von n Pixel zwischen den Zeilen Tabellenhöhe Tabellenbreite in Pixel oder prozentualer Anteil der Fensterbreite <td> </td> Definiert eine Datenzelle in einer Tabelle align=position Ausrichtung des Zelleninhaltes (left, right, center) []<td align= center bgcolor= #cccccc >Zentriert dargestellte Tabellenzelle</td>[] bgcolor=colour Hintergrundfarbe der Zelle colspan=n Die Zelle erstreckt -4/5-

5 sich über n zusammenhängende Spalten rowspan=n Die Zelle erstreckt sich über n zusammenhängende Zeilen Höhe der Zelle Breite der Zelle valign=position Vertikale Ausrichtung der Zelle (top, center, bottom, baseline) <tr> </tr> Definiert eine Zeile innerhalb einer Tabelle. align=position Ausrichtung des Zelleninhaltes (left, right, center) bgcolor=colour Hintergrundfarbe der Zelle -5/5-

Ähnliche Dokumente

Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!DOCTYPE HTML> <html> <head>

Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes