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