1 / 9

HTML Grundlagen

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)

lilith
Télécharger la présentation

HTML Grundlagen

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML Grundlagen Eine knappe Einführung von Florian Ermann Start

  2. Gliederung • Grundsätzliches • HTML • Ausblick Gliederung

  3. 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) Grundsätzliches

  4. <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 - Rahmenbestandteile

  5. 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 - Textformatierung

  6. 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:EmailAdresse@XYZ.de”> Mail </a> HTML - Bilder, Links & Email

  7. HTML HTML - Quelltext & Browser

  8. Ausblick • weitere Gestaltungsmöglichkeiten: - Deutsche Umlaute (&auml; &ouml; &uuml; &szlig;) - 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 Ausblick

  9. HTML Grundlagen Das war‘s… <b> Danke für Ihre Aufmerksamkeit </b> ;-) Ende

More Related