2. Gliederung Am Anfang war HTML… Der Lebenslauf von HTML Das erste HTML-Dokument Grundwissen (Basis-Tags z.B. <title></title>) Eigenschaften von Tags Hierarchie von HTML-Tags Einschub: Doctype Textstrukturierung in HTML Tabellen in HTML Wir gestalten eine Website
3. Am Anfang war HTML… HTML ist keine Programmiersprache HTML = Hypertext Markup Language Eine Weiterentwicklung von SGML (Structured Generalized Markup Language) Baut auf dem HTTP-Protokoll auf Mit HTML lassen sich Strukturen, der Inhalt und das Verhalten eine Dokuments beschreiben Dieses Struktur wird durch Tags zugewiesen Der Browser (z.B. Firefox) setzt diese Struktur optisch um
4. Der Lebenslauf von HTML Seit der Entwicklung 1990 wurde an HTML stets immer weitergearbeitet HTML 1.0: Darstellung von Grafiken, Überschriften, Dokumenten und Verweisen (z.B. Links) HTML 2 (1995): Dazu kamen z.B. Sonderzeichen, jedoch keine großartigen Neuerungen HTML 3.2 (1997): Neuerungen wie Tabellen und Container (<table> & <div>) HTML 4 & 4.01 ( Version 4 veröffentlich am 18.2.1998 und Version 4.01 am 24.12.1998):Optische Gestaltung wurde auf CSS verlegt. Dies ist die aktuelle Version von HTML.
5. Das erste HTML-Dokument Windows-Editor genügt als Software Start -> Programme -> Zubehör -> Editor
12. Hierarchie von HTML-Tags Legt fest, wann welche Tags vorkommen dürfen <head> ist das 1. Stockwerk <body> ist das Erdgeschoss Da der Tag <title> nur im <head> stehen darf, hat es sozusagen ein Zimmer im 1. Stockwerk
13.
14. Einschub: Doctype Steht ganz am Anfang des HTML-Codes Gibt Angaben über die HTML-Version in der die Website geschrieben wurde Außerdem über die Sprache, den Verwendungszweck der Website, das Erstellungsdatum und vieles mehr Schlichtes Doctype Bsp.:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Nicht zwingend erforderlich
15. Textstrukturierung in HTML <p> kennzeichnet einen Textabschnitt <font> Textgestaltung (z.B. Schriftart, Schriftgröße…) <h1> eine Überschrift 1. Größenordnung <h2> 2. Größenordnung, <h3> 3. Größenordnung… <u> unterstreicht einen beliebigen Textabschnitt <b> druckt einen bestimmten Abschnitt fett <i> druckt die Schriftart in kursiv
17. Tabellen in HTML Durch Tabellen können ganze Webseiten strukturiert und gestaltet werden Eigentlich nicht der beste Weg, da Tabellen nicht gemacht wurden um Webseite zu gliedern, aber es ist recht einfach und funktioniert wunderbar Grundgerüst von Tabellen: <table> <tr> <th></th> </tr> <tr> <td></td> </tr> </table>
19. Tabelle Übersicht <tr><th></th></tr> <table> </table> <tr><td>Englisch</td><td>one</td><td>two</td><td>three</td><td>four</td></tr> <tr><td>Deutsch</td><td>Eins</td><td>Zwei</td><td>Drei</td><td>Vier</td></tr> Legende: <table> = Grundkasten einer Tabelle <tr> = „tablerow“ – Leitet eine Tabellenreihe ein <th> = „tableheader“ – Element zum definieren einer Kopfzeile <td> = „tabledata“ – Hier darf der Inhalt reingeschrieben werden
20. Eigenschaften von Tabellen Border: Dicke des Rahmen der Tabelle in Pixel Width: Breite der Tabelle in Pixel Height: Höhe der Tabelle in Pixel Cellpadding („Zellpolster“): Abstand zw. Zellinhalt und Zellrand in Pixel Cellspacing („Zellabstand“): Zellabstand in Pixel Bsp.:<tableheigt=„500“ width=„500“ border =„1“ cellpadding=„0“ cellspacing=„0“><tr><td></td></tr></table>