HTML Grundlagen
9
Start 1 Visualisierung & Präsentation Blockseminar 2003 Einführung in die Grundlagen von HTML HTML Grundlagen Eine knappe Einführung von Florian Ermann
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
Transcript of HTML Grundlagen
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>
;-)
