HTML

Aus ProgrammingWiki

< EGE
Wechseln zu: Navigation, Suche

Inhaltsverzeichnis

HTML

SteveApel2310 Html5-1841458 340.png

Was bedeutet HTML?

Die Hypertext Markup Language, HTML, ist eine textbasierte Auszeichnungssprache zur Strukturierung elektronischer Dokumente wie Texte mit Hyperlinks,Bildern und anderen Inhalten HTML-Dokumente sind die Grundlage des World Wide Web und werden von Webbrowsern dargestellt Neben den vom Browser angezeigten Inhalten können HTML-Dateien zusätzliche Angaben in Form von Metainformationen enthalten, z. B. über die im Text verwendeten Sprachen, den Autor oder den zusammengefassten Inhalt des Textes (vgl. https://de.wikipedia.org/wiki/Hypertext_Markup_Language 01.04.2019)

Grundgerüst:

SteveApel2310 Wiki.png

 Das Grundgerüst besteht am Anfang immer aus:

 <html>
 
 <head>
 <title> Titel der Seite </title>
 </head>
 
 <body>
 [Inhalt des Themas/Webseite]
 </body>
 </html>

Wichtige Texstrukturierung:

SteveApel2310 Bildschirmfoto vom 2019-04-15 11-16-00.png SteveApel2310 Bildschirmfoto vom 2019-04-15 11-16-32.png

 <h1></h1> bis <h6></h6> sind Überschriftgrößen die nach beliebiger Größe formatiert werden können.
 Um einen Text oder ein Wort zu schreiben benötigt man (<p>).
 Der Zeilenumbruch (</br>) dient im HTML Programm dazu um eine "Enterzeile" hinzuzufügen 
 z.B. <p> Hallo
 

Liste

Um eine Liste zu erstellen verwendet man das Kürzel (ul) und für die Auflistung (li):

SteveApel2310 Bildschirmfoto vom 2019-04-08 11-35-49.png

 <ul type="circle">
    <li>Milch</li>
 </ul>
 
Um eine Liste mit Nummerierung zu erstellen verwendet man (ol) und für Definitionslisten (dl,dt,dd):

 <ol>
    <li>Manuel Neuer</li>
 </ol>
 

 <dl>
    <dt>A</dt>
    <dd>Aachen</dd>
 </dl>

==== Verweise ====

 Zum Beispiel, man hat ein bestimmtes Thema in diesem Fall: "Informatik" und möchte dieses Wort verlinken (wie?).
 <nowiki>
 <a href="https://informatik.com/">Informatik</a>
 
 Der Link wird nun automatisch hinterlegt in Informatik
 

Bilder einfügen

 
 Um Bilder einzufügen verwendet man:
      <img src="Bilder/Bild.jpg" alt="Bild"/> 
 
SteveApel2310 Bildschirmfoto vom 2019-04-08 11-30-39.png

Tabellen

SteveApel2310 Bildschirmfoto vom 2019-04-08 11-30-10.png

 <table border="1">
  <tr>
   <td<Zelle 1</td>
   <td<Zelle 2</td>
  </tr>
  <tr>
   <td<Zelle 3</td>
   <td<Zelle 4</td>
  </tr>
 </table>
 

Video

[1]Video statt HTML-Video,weil es keine richtigen HTML-Videos gibt.

[2]Schöneres Video

Quellen

Arbeitsblatt HTML und CSS

Persönliche Werkzeuge