EGE/HTML

Wiki-Quelltext dieser Seite.

== HTML ==
                                                                                                                                                                                     
[[Bild: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: ===
[[Bild:SteveApel2310_Wiki.png|250px|]]
 <nowiki>
 Das Grundgerüst besteht am Anfang immer aus:

 <html>
 
 <head>
 <title> Titel der Seite </title>
 </head>
 
 <body>
 [Inhalt des Themas/Webseite]
 </body>
 </html></nowiki>
 
==== Wichtige Texstrukturierung: ====
[[Bild:SteveApel2310_Bildschirmfoto_vom_2019-04-15_11-16-00.png]]
[[Bild:SteveApel2310_Bildschirmfoto_vom_2019-04-15_11-16-32.png|1200px|]]
 <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):
[[Bild:SteveApel2310_Bildschirmfoto_vom_2019-04-08_11-35-49.png|800px|]]
 <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>
 [[Bild:SteveApel2310_Bildschirmfoto_vom_2019-04-08_11-30-39.png|600px]]

==== Tabellen ====

 [[Bild:SteveApel2310_Bildschirmfoto_vom_2019-04-08_11-30-10.png|600px|]]
 <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>
===Video===
[https://youtu.be/i96EKmXPrwY]Video statt HTML-Video,weil es keine richtigen HTML-Videos gibt.

[https://youtu.be/jStgoFxEBtA]Schöneres Video

===Quellen===
Arbeitsblatt HTML und CSS