Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

HyperText Markup Language

Ähnliche Präsentationen


Präsentation zum Thema: "HyperText Markup Language"—  Präsentation transkript:

1 HyperText Markup Language
HTML HyperText Markup Language

2

3 HTML Auszeichnungssprache (Markup Language)
Beschreibt logische Bestandteile eines Dokuments Enthält Text und Darstellungsattribute Kann Verweise zu anderen Dokumenten enthalten

4 Syntax Allgemeiner HTML-Befehl
<Befehl attr1 ... attr n> Text </Befehl> Beispiele: <h4>HTML - die Sprache des WWW</h4> <h4 align=center>HTML - die Sprache des WWW</h4> tag

5

6 Aufbau eines Dokuments
<html> <head> <title>Titel des Dokumentes</title> </head> <body> Text, Verweise, Grafik </body> </html>

7 Beispiel

8 Beispiel

9 Header <h[1 - 6]> leitet eine Überschrift ein.
Der nachfolgende Text wird fett gedruckt [1 - 6] beschreibt die Größe des Textes 1 = groß 6 = klein </h[1 - 6]> beendet die Überschrift

10 Textgestaltung <p> Text </p> Der Text wird als Absatz (Paragraph) dargestellt. Nach Ende des Textes wird eine Leerzeile eingefügt. <p align=left|center|right|justify>Text</p> <br> Neue Zeile (Break) <ol> Numerierte Liste (ordered list) <li>Listeneintrag</li> </ol>

11 Einbinden einer Grafik
<img src="worzyk.jpg" alt="Passbild"> <img src="file:///H|/Veranstaltungen/DatOrg/Vorlesung/Graphik/deutschland2.gif" alt="Deutschlandkarte"> img = image (Bild) src = source (Quelle) alt = alternativ (Alternative) Alternativ zur Grafik angezeigter Text (Wird auch angezeigt, wenn die Grafik nicht gefunden wird)

12 Hyperlink Verweisanker
<a href=" Fachbereich Informatik </a> Der Text „Fachbereich Informatik“ wird als Verweis gekennzeichnet, wenn er angeklickt wird, wird die URL angesprochen. <a href="#Ende">Hier geht's zum Ende der Seite</a> <a name="Ende"><h3>Hier ist das Ende der Seite</h3></a> "Ende“ wird als als Ziel in einem Text definiert und kann von einer beliebigen anderen Stelle im Text angesprochen werden.

13 HTML-Aufgabe Erstellen Sie eine HTML-Seite mit: einem Titel einem Text
einer Tabelle einem Bild in einer Tabellenzelle Text in einer anderen Tabellenzelle einem Verweisanker zu einer Textstelle einem Verweis zu einer anderen URL


Herunterladen ppt "HyperText Markup Language"

Ähnliche Präsentationen


Google-Anzeigen