Befehls <H1> </H1> Überschrift: H1 (groß)-h6 (klein) <H1 Align="?"> </H1> Ausrichtung der Überschrift "center" / zentriert "left" / links "right" /

Ähnliche Dokumente
Das Grundgerüst für ein HTML-Dokument sieht so aus:

Ergänzungen zum HTML - Grundkurs

Kommentare <! Dies ist ein Kommentar > Zum Kommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt.

Die Programmiersprache des Webs. HTML HyperText Markup Language Hypertext - Auszeichnungssprache

HTML-Grundlagen. Die Layout- und Formatierungsanweisungen heißen Tags, z.b.

Informatik und Programmiersprachen

<html> <head> <title> Die Welt der Bäume </title> </head> <body> Hier ensteht eine Seite über Bäume. </body> </html> Abb. 2

XHTML und CSS. Marco Skulschus Daniel Winter Alexander Muß

HTML Kurs für Anfänger. alfabm

Kennen, können, beherrschen lernen was gebraucht wird

7 Tabellen. 7.1 Erstellen einer Tabelle. - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen

Übung: Bootstrap - Navbar

Inhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN

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

Die wichtigsten HyperTextMarkupLanguage tags 1(6)

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

HTML Grundgerüst. html> head> <title> Einführung </title> </head. body> <h1> Willkommen </h1> <p> Es war einmal </p> </body.

Kurze Bedienungsanleitung für den Kompozer

DML Befehl: UPDATE II

Grundlagen zu HTML. Vortrag im Rahmen der BTK-Vorlesung von Herrn Professor Kärger

HTML-Programmierung. 1. Aufbau einer Webseite. 2. Hintergrund für eine ganze Seite

Textverarbeitung Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung

HTML & CSS. GIMP > Bild > Bild skalieren Unter diesem Menüpunkt kannst du die Bildgröße verändern. Beachte die Bildproportionen

2. Webapplikationen. Webzugang. Präsentation. Geschäftslogik. Browser. Datenhaltung. JSP, Servlets, ASP, PHP. HTML + JavaScript? +Java Applets?

Meine erste Homepage - Beispiele

12. Jgst. 3. Kursarbeit Datum: Fach: Informationsverarbeitung (Leistungskurs) & )!!*+,!- -.!-

HTML - Grundbegriffe. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 23. November 2016

4. Briefing zur Übung IT-Systeme

realschule.htm gymnasium.htm index.htm <html> <head> <title>schularten in Bayern</title> </head> <body text="orange"> <body bgcolor="gray">

Kennen, können, beherrschen lernen was gebraucht wird

Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können. Web-Seite wird langsamer geladen

Schiller-Gymnasium Hof

Publizieren im Internet

Web Publisher - Tutorium -

4. Briefing zur Übung IT-Systeme

Computergrundlagen HTML Hypertext Markup Language

Aufbau einer Tabelle

Einführung in HTML. Ich bin der Seiteninhalt

Anwendersoftware. Thema 7 Dialoggestaltung mit HTML-Formularen. Sommersemester Dr. Henry Herper

Web-Publishing mit HTML

Kurzanleitung für Writer (LibreOffice 4)

Auszeichnungssprachen

Zeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen.

Einführung in HTML. Autor : Martin Amelsberg (MartinAmelsberg@T-Online.de) Version : 4

Stichpunkte zum Aufbau einer HTML-Website

<form name= test action= test.php method= get autocomplete= on > </form> <form name= test action= test.php method= post autocomplete= on > </form>

C:\Users\Uwe\Documents\Homepages\Zubehör für Homepages\info.html: 5/5

"Die HTML-PHP-Schnittstelle -- Ein- und Ausgabe der Daten"

Digitale Medien. Übung

1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...

HTML - Die Sprache des Internets. Grundlagen und Kurzprojekt

HTML - HyperText Markup Language - breve et efficax

Die Zeile, in das Foto angegeben wird, heißt dann z. B. <a href="grafik/fotos/foto1.jpg"><img src="grafik/fotos/foto1_kl.

HyperTextMarkupLanguage

Hypertext Markup Language (HTML)

PHP & HTML. Kurzeinstieg HTML. Zellescher Weg 12 Willers-Bau A109 Tel Michael Kluge

Erste Schritte mit XHTML

1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2

Internetseiten selbst erstellt

HTML- Wiederholung. Kapitel 3. Copyright 2001 by Pearson Education Deutschland GmbH. Alle Rechte vorbehalten All rights reserved

Richtlinien für das Design der KML Webseite. KML TP2, Informationsdienste

Grundlagen-Beispiel CSS

Ändern der Schriftgröße für den Monitorexport

ANWENDUNGSSOFTWARE CSS

Allgemeine Technologien II Sommersemester Mai 2011 CSS

Allgemeines. TU Dresden, Einführung in HTML Folie 2

3 Textformatierung. 3.1 Überschriften und einfache Formatierungen HTML. Textformatierung

Meine Fakultät. Alumni-Portal HTML-Seiten im Portal Seite 1 von 8

Webtechnologien Teil 3: Hypertext Markup Language II

Einführung in HTML. Tutorium. Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker

D a s B e g l e i t s c r i p t z u m

Digitale Medien. Übung

HTML Programmierung. Aufgaben

1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2

HyperTextMarkupLanguage (Stand: HTML 4.0)

Selektoren in CSS. HTML/CSS 21. November 2013 E1. 1. Beispiel: Kinder und Enkel

Gestaltung von Head Bereich und Impressum bei der Partner-Website

Grundelemente der Hypertext Markup Language (HTML) Teil 1

Wir studieren HTML-Tags

Der Rumpf. Titel Seite 3

Auf einer Seite werden maximal 10 Einträge angezeigt. Sind viele Einträge vorhanden, werden diese auf mehrere Seiten aufgeteilt.

Webseitenerstellung. Inhaltsverzeichnis. Bürgernetze Main-Spessart e.v. Schulungsunterlagen

Mitschrift HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.

Ziehen Sie jetzt mit gedrückter linker Maustaste ein Rechteck auf dem Formulareditor auf. Lassen Sie die Maustaste dann los. Was passiert?

INTERSTENO. Verwendete Software

CSS. Cascading Style Sheets

IT- und Medientechnik

Grundlagen der WWW-Nutzung und WWW-Programmierung. Alfred Wassermann

Installation von XAMPP

HTML Spielend gelingt die Website

Nachbau der Website 1.)Hintergrundbild einfügen eigene CSS-Datei

Das World Wide Web WWW. Voraussetzungen. Netzwerkverbindung. Notwendige Voraussetzungen:

Das World Wide Web. Dr. Walter Ebner. Dr. Albert Weichselbraun. Wirtschaftsuniversität Wien. Internet für Managment Science. Dr.

Vorbereitung Termin 4

! "## $ %&' ( )*(&+,--

Bedienfelder. Bedienfeld Einfügen

Position von CSS-Stilen. Inline(pro Tag) In Header. Extern in CSS-Datei

Übung zur Vorlesung Digitale Medien. Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015

Transkript:

Tag (Befehl) Anfang des Befehls Ende des Befehls Beschreibung des Befehls <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> Schriftart, auch eine zweite zur Auswahl mit Komma verbinden <FONT SIZE="?"> </FONT> Schriftgröße (1-7), auch für <H>; Schriftgröße verändern mit + / - 1,2,3... <HR> / Trennlinie mit 100% Länge, 2Pkt Breite, grau, zentriert <HR Width="?"> / Weite einstellen (in Prozent oder in Bildpunkten) <HR Size="?"> / Breite einstellen (in Bildpunkten) <HR Color="?"> / Farbe einstellen <HR Align="?"> / Ausrichtung bestimn <HR Noshade> / Linie ohne Schatten (eindinsional) <B> </B> Fette Schrift <I> </I> Kursive Schrift <U> </U> Unterstrichen <Strike> </Strike> Durchgestrichen <Sup> </Sup> Höhersetzen <Sub> </Sub> Tiefersetzen <Cite> </Cite> Zitat <Blockquote> </Blockquote> mit <Cite> Zitat in Blocksatz, Einzug nach rechts versetzt <TT> </TT> Schreibmaschinenschrift <DFN> </DFN> Definitonen, z.b. von Abkürzungen <Address> </Adress> Adressen einfügen <Center> </Center> zentrierter Text <Blink> </Blink> blinkender Text (Nur Netscape) <Pre> </Pre> Ausgabe genau wie eingegeben <KBD> </KBD> Tastenkombination <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 <UL> </UL> einfache Aufzählung (Punkt, Kreis oder Quadrat) <UL Type="?"> </UL> anderes Aufzählungszeichen (Punkt=disk, Kreis=circle, Quadrat=square) <LI> / Unterpunkt einer Aufzählung

<OL> </OL> numrierte Aufzählung <OL Start=?> </OL> Beginn einer numrierten Aufzählung mit anderer Zahl <OL Type="A"> </OL> Aufzählung mit Buchstaben A(groß), a(klein) <OL Type="I"> </OL> Aufzählung mit römischen Zahlen I(groß), i(klein) <OL Type="?" </OL> andere Aufzählung mit anderem Anfang Start="?"> <OL Compact> </OL> reduzierter Einzug <LI> </LI> Unterpunkt einer Aufzählung <LI </LI> Aufzählung in anderen Schritten (z.b. 1, 3, 5, 8) <DL> </DL> Definitionsliste <DT> </DT> Begriff der Liste <DD> </DD> Definition des Begriffs >? Hyperlink im selben Fenster (1.?=Dateina mit Eng [Na der Datei]) Target="_blank" o."_new">? Hyperlink in neuem Fenster (2.?=Na des Links [das wird ausgegeben]) <A Na="?">? Festlegung einer Textmarke (1.?=Na, 2.?=Ausgabe) <A HREF="#?">? Sprung zu einer Textmarke (1.?=gleicher Na der Textmarke, 2.?=Ausgabe) <A HREF="?#?" >? Link zu Textmarke anderer Seite (1.?=Dateina,2.?=Markenna,3.?=Ausgabe) <Marquee> </Marquee> Laufblaken (bewegter Text) auch für Hyperlinks (nur im Internet Explorer anzeigbar) <Meta HTTP- Equiv="refresh" Content="?; URL=?"> / direkter Sprung zu einer anderen Seite (Content= Verzögerungsdauer in Sekunden) im head angeben > </Table> Beginn einer Tabelle Border="?"> </Table> Tabelle mit bestimmter Rahnstärke (0 für kein Rahn) Width=?> </Table> Bestimmung der Weite in Pixel oder Prozent (mit " ") </Table> Rahnfarbe Bordercolor="?"> </Table> Zweifarbiger Rahn (helle Farbe) Bordercolorlight="?"> </Table> Zweifarbiger Rahn (kle Farbe) Bordercolordark="?"> </Table> Abstand Text vom äußeren Rand Cellpadding="?"> </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 </TD o.th> Verbinden von Zeilen Rowspan=?> <TD o.th Colspan=?> </TD o.th> Verbinden von Spalten <TD o.th </TD o.th> Hintergrundfarbe BGColor="?"> <Caption Align="?"> </Caption> Hinweise zur Tabelle oben(top), unten(bottom), links(left), rechts(right) <IMG SRC="file:///?"> / Einbinden einer Grafik im lokalen Rechner (%20 für Leerzeilen) > / Einbinden einer Grafik im Web (?=Dateina mit Eng [Groß/Klein beachten] <IMG SRC="?/?"> / Einbinden aus Unterverzeichnis (1.?=Ordner, 2.?=Datei) <IMG Border="?" / Rahn um Grafik, mit Angabe der Stärke SRC="?"> / Text anstelle der Grafik (z.b. bei langem Laden) ALT="?"> / Größe der Grafik bestimn Width="?" Height="?"> <IMG / Ausrichtung der Grafik SRC="?"Aling="?"> Align="?" HSpace="?"> / Ausrichtung mit horizontalem Abstand Grafik/Text in Pixeln Align="?" VSpace="?"> / Ausrichtung mit vertikalem Abstand Grafik/Text in Pixeln <P><IMG / kein Text um die Grafik SRC="?"><P> ><IMG Grafik als Hyperlink SRC="?"> <Body Background="?"> </Body> Hintergrundbild (Datei mit Eng) <Map Na="?"> </Map> Image-Map erstellen <Area HREF="?" Shape="?" Coords="?"> / Angabe der Datei, der Image Form und der Koordinaten der Map "rect" / Rechteck (4 Koordinaten [Abstand linke, obere Ecke von oben, von links; Abstand rechte, untere Ecke von oben, von links in Pixeln]) "circle" / Kreis (3 Koordinaten [Abstand Mittelpunkt oben, links; Kreisradius in Pixeln]) "polygon" / Polygon (hrere Paarkoordinaten [Abstand Punkt 1 von oben, von links; Abstand Punkt 2 von oben, von links usw.]) Usemap="#?"> / Einfügen einer Grafik in Verbing des festgelegten Maps (?=Mapna) DYNSRC="?"> / Bild, nachdem ein Film gezeigt wird (Engen nicht vergessen) <IMG DYNSRC="?" Loop="?"> / Wiederholungen des Films (-1 o.infinite= unendlich) <IMG DYNSRC="?" Loopdelay="?"> / Zeit zwischen den Wiederholungen in Millisekunden (1sek.=10.000)

<IMG DYNSRC="?" Start="> / Zeitpunkt des Starts Mausberührung(Mouseover), Seite voll geladen(fileopen) Start bei Mausklick ><IMG DYNSRC="?"> <BGSound SRC="?"> / Sounddatei abspielen (auch mit Loop o. Loopdelay) <Fraset> </Fraset> Grundgerüst für Fras <NoFras> / öffnet sich wenn für keine Fras geeignet <Fraset Rows="?"> </Fraset> Anzahl der Zeilen eines Fensters in Prozent (1.%, 2.%) <Fraset Cols="?"> </Fraset> Anzahl der Spalten in Prozent (1.%, 2.%) <Fra Na="?", SRC="?"> <Fra Na="?",Scrolling="?" SRC=?> <Fra Na="?" Noresize> <Fraset Fraspacing="?"> <Fra Na="?" Marginwidth=?> <Fra Na="?" Marginheight=?> <Fraset Fraborder="?"> <Fraset Bordercolor="?"> Target="?">? Target="_Blank">? Target="_Top">? Target="_Parent">? Target="_Self">? <Form Methode="Post" Action="mailto:?" Enctype="text/plain" Na="?"> <Input Type="Submit" Type="Radio"? Type="Radio" Value="?" / Festlegung eines Nans und angeben der Datei / Bildlaufleisten (no oder yes) / Verhindert die Verschiebung der Leisten im Browser </Fraset> selber Effekt wie Noresize </Fraset> </Fraset> </Form> / Textabstand von links/ rechts in Pixeln / Textabstand von oben/ unter in Pixeln Randgröße des Fras bestimn Farbe des Rahns Link im Fra zum öffnen im anderen Fra (anderen Fra in Target angeben) Link in neuem Fenster öffnen Link in Vollbild öffnen Rahn aktualisieren Link im selben Fra öffnen Inhalte eines Formulars per E-Mail versenden / Schaltfläche zum Senden (Value= Na) / Optionsfeld, eins kann gewählt werden (Na steht vor, Value hinter dem Feld) / Voreingestelltes Optionsfeld

Checked>? Type="Text" Size="?"> Type="Text" Size="?" Maxlength="?"> Type="Text" Size="?" Type="Password" Size="?"> / Einzeiliges Texteingabefeld mit bestimmter Länge / Texteingabefeld mit begrenzter Anzahl an Zeichen / Texteingabefeld mit Vorbelegung / Passworteingabefeld (mit Sternchen) <Textarea Na="?"> </Textarea> hrzeiliges Texteingabefeld <Textarea Na="?" </Textarea> Anzahl der Zeilen Rows="?"> <Textarea Na="?" </Textarea> Anzahl der Spalten Cols="?"> Type="Checkbox" / Kontrollfeld, es kann hr als eins ausgewählt werden <Select Na="?" </Select> Dropdownfeld zum Auswählen Size=?> <Select Na="?" </Select> Mehrere Dinge können ausgewählt werden Size=? Multiple> <Option>? / Option im Dropdownfeld <Option Selected>? / Ausgewählte Option <Option? / Andere Übertragung, als der eigentliche Na <Input Type="Reset" / Alle bisherigen Eingaben löschen <Input Type="File"> / Datei anhängen In den Fragezeichen müssen entsprechende Nan oder Dateien (mit Engen) eingegeben werden! Sonderzeichen Zeichen Numr Na Zeichen Numr Na Leerzeichen $ $ - Ä - Ä * * - Ö - Ö,, - Ü - Ü.. - ä - ä % % - ö - ö / / - ü - ü < < < ß - ß > > > " " " @ @ - &#128; -!! - # # - ² ² ² & & & ³ ³ - ( ( - ' &#39; -

) ) - [ [ - + + - ] ] - - - - \ \ - : : - ^ ^ - ; ; - - = = - { { -?? - } } - - ± ± - Ø Ø Ø Farben Far Na Farbw Farb Na Farbw Farbe Na Farbw Far Na Farbw be ert rot Red "#FF0 0 gelb sch warz Yell ow Blu e Gre en Bla ck weiß Whi te "#FFF F "#000 0FF" "#008 0 "#000 0 "#FFF FFF" e lila brau n viole tt grau silbe r Purp le Mar oon Fuc hsia Gra y Silv er ert "#8000 "#8000 "#FF0 0FF" "#8080 "#C0C 0C0" Teal "#0080 hellgr ün olivgr ün marine kobalt helles gelb helles orange Li Oli ve Na vy Aq ua ert "#00FF "#8080 "#0000 "#00FF FF" - "#FFF FCC" - "#FFC C99" be hell es hell es grau rot lila ert - "#CCF FCC" - "#F0F0 F0" - "#CC3 3 - "#0033 - "#0000 66" - "#6600 66"