Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Das Grundgerüst für ein HTML-Dokument sieht so aus: <html> <head> <title> Unter title können Sie eintragen, was später in der oberen Browserleiste als Titel angegeben werden soll. <title> <head> <body> Unter body kommen die restlichen Befehle. <body > <html> Browseransicht: Seite 1 von 5
Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Wichtigste HTML-Befehle (Tag s) Anfang Tag (Befehl) Ende Seite 2 von 5 Beschreibung <H1> <H1> Überschrift: H1 (groß)-h6 (klein) <H1 Align="?"> <H1> Ausrichtung der Überschrift "center" zentriert "left" links "right" rechts "justify" Blocksatz <P> <P> Absatz <BR> Zeilenumbruch erzwingen <NOBR> <NOBR> keinen Zeilenumbruch erzwingen <FONT FACE="?"> <FONT SIZE="?"> <FONT> <FONT> <HR> <HR Width="?"> Schriftart, auch eine zweite zur Auswahl mit Komma verbinden Schriftgröße (1-7), auch für <H>; Schriftgröße verändern mit - 1,2,3... Trennlinie mit 100% Länge, 2Pkt Breite, grau, zentriert Weite einstellen (in Prozent oder in Bildpunkten) <HR Size="?"> Breite einstellen (in Bildpunkten) <HR Color="?"> Farbe einstellen <HR Align="?"> Ausrichtung bestimmen <HR Noshade> Linie ohne Schatten (eindimensional) <B> <B> Fette Schrift <I> <I> Kursive Schrift <U> <U> Unterstrichen <Strike> <Strike> Durchgestrichen <Sup> <Sup> Höhersetzen <Sub> <Sub> Tiefersetzen <Address> <Address> Adressen einfügen <Center> <Center> zentrierter Text <Blink> <Blink> blinkender Text (Nur Netscape) <Big> <Big> Schrift auffälliger <Small> <Small> Schrift unauffälliger <Banner> <Banner> Text hinter Bilder legen <Font Color="?"> <Font> Farbeinstellung für alle Texte <Body BGColor="?"> <Body> Hintergrundfarbe
Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß >? Hyperlink im selben Fenster (1.?=Dateiname mit Endung [Name der Datei]) Target="_blank" o."_new">? <A Name="?">? <A HREF="#?">? <A HREF="?#?" >? <Marquee> <Meta HTTP- Equiv="refresh" Content="?; URL=?"> <Marquee> Hyperlink in neuem Fenster (2.?=Name des Links [das wird ausgegeben]) Festlegung einer Textmarke (1.?=Name, 2.?=Ausgabe) > Beginn einer Tabelle Border="?"> Width=?> Bordercolor="?"> Bordercolorlight="?"> Bordercolordark="?"> Cellpadding="?"> Cellspacing="?"> Sprung zu einer Textmarke (1.?=gleicher Name der Textmarke, 2.?=Ausgabe) Link zu Textmarke anderer Seite (1.?=Dateiname,2.?=Markenname,3.?=Ausgabe) Laufblaken (bewegter Text) auch für Hyperlinks (nur im Internet Explorer anzeigbar) direkter Sprung zu einer anderen Seite (Content= Verzögerungsdauer in Sekunden) im head angeben Tabelle mit bestimmter Rahmenstärke (0 für kein Rahmen) Bestimmung der Weite in Pixel oder Prozent (mit " ") Rahmenfarbe Zweifarbiger Rahmen (helle Farbe) Zweifarbiger Rahmen (dunkle Farbe) Abstand Text vom äußeren Rand Abstand Text vom inneren Rand <TR> <TR> Zeile in der Tabelle festlegen <TR Align="?"> <TR> Ausrichtung der gesamten Zeile <TD> <TD> Spalte in der Zeile festlegen <TH> <TH> Spalte in der Zeile, in fetter Schrift, festlegen <TD o.th width="?"> <TD o.th> Weitenangabe der Spalte <TD o.th Align="?"> <TD o.th> Ausrichtung der Spalte <TD o.th Rowspan=?> <TD o.th> <TD o.th Colspan=?> <TD o.th> <TD o.th BGColor="?"> <Caption Align="?"> <TD o.th> <Caption> Verbinden von Zeilen Verbinden von Spalten Hintergrundfarbe Hinweise zur Tabelle oben(top), unten(bottom), links(left), rechts(right) Seite 3 von 5
Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Einbinden einer Grafik im lokalen Rechner ( für <IMG SRC="file:?"> Leerzeilen) > <IMG SRC="??"> <IMG Border="?" SRC="?"> ALT="?"> Width="?" Height="?"> <IMG SRC="?"Align="?"> Align="?" HSpace="?"> Align="?" VSpace="?"> <P><IMG SRC="?"><P> ><IMG SRC="?"> <Body Background="?"> <Body> <BGSound SRC="?"> Target="?">? Target="_Blank">? Target="_Top">? Target="_Parent">? Target="_Self">? <Form Methode="Post" Action="mailto:?" Enctype="textplain" Name="?"> <Input Type="Submit" Value="?"> Type="Radio" Value="?">? Einbinden einer Grafik im Web (?=Dateiname mit Endung [GroßKlein beachten] Einbinden aus Unterverzeichnis (1.?=Ordner, 2.?=Datei) Rahmen um Grafik, mit Angabe der Stärke Text anstelle der Grafik (z.b. bei langem Laden) Größe der Grafik bestimmen Ausrichtung der Grafik <Form> Ausrichtung mit horizontalem Abstand GrafikText in Pixeln Ausrichtung mit vertikalem Abstand GrafikText in Pixeln kein Text um die Grafik Grafik als Hyperlink Hintergrundbild (Datei mit Endung) Sounddatei abspielen (auch mit Loop o. Loopdelay) Link im Frame zum öffnen im anderen Frame (anderen Frame in Target angeben) Link in neuem Fenster öffnen Link in Vollbild öffnen Rahmen aktualisieren Link im selben Frame öffnen Inhalte eines Formulars per E-Mail versenden Schaltfläche zum Senden (Value= Name) Optionsfeld, eins kann gewählt werden (Name steht vor, Value hinter dem Feld) Seite 4 von 5
Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Type="Radio" Value="?" Voreingestelltes Optionsfeld Checked>? Type="Text" Size="?"> Type="Text" Size="?" Maxlength="?"> Type="Text" Size="?" Value="?"> Type="Password" Size="?"> Einzeiliges Texteingabefeld mit bestimmter Länge Texteingabefeld mit begrenzter Anzahl an Zeichen Texteingabefeld mit Vorbelegung Passworteingabefeld (mit Sternchen) Seite 5 von 5