Präsentation herunterladen
Die Präsentation wird geladen. Bitte warten
1
HyperText Markup Language
HTML HyperText Markup Language
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
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
Ähnliche Präsentationen
© 2023 SlidePlayer.org Inc.
All rights reserved.