Embed Size (px)
DESCRIPTION
HTML Grundlagen. Eine knappe Einführung von Florian Ermann. Gliederung. Grundsätzliches HTML Ausblick. Grundsätzliches. Ziel: Grundlagen von HTML verstehen WWW (World Wide Web) = Weltweites Computernetz Darstellung durch HTML (HyperText Markup Language) - PowerPoint PPT Presentation
Citation preview
Start 1
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
HTML Grundlagen
Eine knappe Einführung
von Florian Ermann
Gliederung 2
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
Gliederung
• Grundsätzliches• HTML • Ausblick
Grundsätzliches 3
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
Grundsätzliches
• Ziel: Grundlagen von HTML verstehen• WWW (World Wide Web) = Weltweites Computernetz• Darstellung durch HTML (HyperText Markup Language)• HTML ist keine Programmiersprache sondern
Seitenbeschreibungssprache• Erstellen mittels WYSIWYG-Editor oder „per Hand“ • Anweisung zur Darstellung durch Klammern: < ... >• Elemente einer Homepage sind Text, Links, Grafik, …• Dateiformat index.html (UNIX-Format)
HTML - Rahmenbestandteile 4
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
<head> </head>
Kopfteil enthält:
<title> </title> = Titel der Seite
<body> </body> Körperteil enthält Inhalt
HTML
• Rahmenbestandteile eines HTML-Dokuments:
<html> </html>
HTML - Textformatierung 5
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
HTML
• Textformatierung (innerhalb des „body“)
<h1> Überschrift </h1>
<b> Bold, also Fett </b>, <i> Italic, also Kursiv </i>
<br> = neue Zeile
<font face=“Arial“ size=“+1“>Schrift Arial,groß </font>
<center> Zentriert </center>
<p> Absatz </p>
Beispiel: <b> <i> Fett und Kursiv </i> </b>
HTML - Bilder, Links & Email 6
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
HTML
• Bilder:<img src=”Bild.jpg” alt=“Bildbeschreibung“>
• Links: <a href=”http://www.ewf.uni-erlangen.de”>EWF</a>
• Email-Adresse als Link: <a href=”mailto:[email protected]”> Mail </a>
HTML - Quelltext & Browser 7
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
HTML
Ausblick 8
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
Ausblick
• weitere Gestaltungsmöglichkeiten:- Deutsche Umlaute (ä ö ü ß)- Farben (Text und Hintergrund)- Listen (nummeriert oder unsortiert)- Tabellen (Table)- Formulare (Form)- Rahmendokumente (Frame)- Multimedia (Plugins)- HTML-Übersicht http://www.selfhtml.net
• Seite im WWW verfügbar machen• Zusammenfassung:
- HTML ist eine „einklammernde“ Beschreibungssprache
Ende 9
Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML
HTML Grundlagen
Das war‘s…
<b> Danke für Ihre Aufmerksamkeit </b>
;-)
