EGE/HTML

Wiki-Quelltext dieser Seite.

== HTML ==


==== Was bedeutet HTML? ====

Die Hypertext Markup Language (englisch für Hypertext-Auszeichnungssprache), abgekürzt 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.

=== Grundgerüst: ===

 Das Grundgerüst besteht am Anfang immer aus:

 <nowiki><html>
 
 <head>
 <title> Titel der Seite </title>
 </head>
 
 <body>
 [Inhalt des Themas/Webseite]
 </body>
 </html></nowiki>
 
==== Wichtige Texstrukturierung: ====
 <nowiki>
 <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
 </nowiki>

==== Liste ====

 Um eine Liste zu erstellen verwendet man das Kürzel (ul) und für die Auflistung (li):
 <nowiki>
 <ul type="circle">
    <li>Milch</li>
 </ul>
 </nowiki>
 Um eine Liste mit Nummerierung zu erstellen verwendet man (ol) und für Definitionslisten (dl,dt,dd):
 <nowiki>
 <ol>
    <li>Manuel Neuer</li>
 </ol>
 </nowiki>
 <nowiki>
 <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
 </nowiki>

==== Bilder einfügen ====
 <nowiki>
 Um Bilder einzufügen verwendet man:

      <img src="Bilder/Bild.jpg" alt="Bild"/>
 </nowiki>

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