Html grundlagen
This presentation is the property of its rightful owner.
Sponsored Links
1 / 9

HTML Grundlagen PowerPoint PPT Presentation


  • 73 Views
  • Uploaded on
  • Presentation posted in: General

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)

Download Presentation

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Html grundlagen

HTML Grundlagen

Eine knappe Einführung

von Florian Ermann

Start


Gliederung

Gliederung

  • Grundsätzliches

  • HTML

  • Ausblick

Gliederung


Grunds tzliches

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


Html grundlagen

  • <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


    Html grundlagen

    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


    Html grundlagen

    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 - Bilder, Links & Email


    Html grundlagen

    HTML

    HTML - Quelltext & Browser


    Ausblick

    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


    Html grundlagen1

    HTML Grundlagen

    Das war‘s…

    <b> Danke für Ihre Aufmerksamkeit </b>

    ;-)

    Ende


  • Login