e1:einfache_tags

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
e1:einfache_tags [2017/07/02 19:53] – admin03e1:einfache_tags [2017/07/04 07:06] (aktuell) – Externe Bearbeitung 127.0.0.1
Zeile 1: Zeile 1:
 **Überschriften**  **Überschriften** 
-Mit Überschriften erster, zweiter, dritter,... Stufe können Hierarchieverhältnisse in Dokumenten ausgedrückt werden. Die HTML-Elemente dafür sind: <h1>...</h1>, <h2>...</h2>, <h3>...</h3>  +Mit Überschriften (headings) erster, zweiter, dritter,... Stufe können Hierarchien in Dokumenten ausgedrückt werden. Die HTML-Elemente dafür sind: <h1>...</h1>, <h2>...</h2>, <h3>...</h3>. Vorsicht: Überschriften sind nicht dazu gedacht, einen Text mit größerer Schriftart darzustellen. (Später mehr) 
-  +
-**Textabsätze**  +
-Ein Absatz in einem Text besteht aus einem oder mehreren Sätzen, die eine inhaltliche Einheit bilden. Zur optischen Kennzeichnung aufeinanderfolgende Absätze eines Dokuments werden Erstzeileneinzüge oder Absatzzwischenräume benutzt. Absätze werden mit <p>…</p> (p, engl. paragraph) gekennzeichnet.  +
- +
 **Manuelle Zeilenumbrüche**  **Manuelle Zeilenumbrüche** 
-Textverarbeitungssysteme und Browser führen bei Absätzen mit mehreren Zeilen einen automatischen Zeilenumbruch durch. Für manuelle Zeilenumbrüche wird das leere HTML-Element <br> (engl. break) benutzt. +Textverarbeitungssysteme und Browser führen bei Absätzen mit mehreren Zeilen einen automatischen Zeilenumbruch durch. Für manuelle Zeilenumbrüche wird das leere HTML-Element <br> (engl. break) benutzt.   
 + 
 +**Absätze**  
 +Ein Absatz es Textes besteht aus einem oder mehreren Sätzen, die inhaltlich zusammen gehören. Zur typographischen Kennzeichnung verschiedener Absätze eines Dokuments werden Einzüge in der ersten Zeile oder Zwischenräume verwendet. Absätze werden mit <p>…</p> (p, engl. paragraph) gekennzeichnet.  
 + 
    
 **Horizontale Linien** **Horizontale Linien**
-Das Element <hr> kennzeichnet einen thematischen Bruch. Ursprünglich wurden solche Trenner als waagerechte Linien dargestellt, daher die Bezeichnung des Elements horizontal ruler, horizontales Lineal.+Das Element hr kennzeichnet einen thematischen Bruch oder eines Themenwechsels auf Absatz-Ebene (paragraph-level thematic break). Sichtbare Trennlinien dienen auch visuell der Abgrenzung von nicht unmittelbar zusammengehörigen Textabschnitten.  Ursprünglich wurden solche Trenner als waagerechte Linien dargestellt, daher die Bezeichnung des Elements horizontal ruler, horizontales Lineal.  
  
 **Verweise** **Verweise**
-Verweise Mittels Verweisen (Hyperlinks) werden Verknüpfungen zwischen verschiedenen HTML-Dokumenten hergestellt. Ein Verweis wird mit dem HTML-Element <a> definiert. Im Attribut href (Hypertext Reference) gibt man das Ziel des Verweises an. Das kann ein Sprungziel innerhalb des HTML-Dokuments, ein HTML-Dokument  auf dem gleichen Server oder eine beliebige Webseite im Internet sein. Zwischen <a> und </a> steht der Text, der als anklickbarer Verweis im Browser angezeigt wird. Beispiele:  +Mit einem a-Element können Sie einen Link zu einem anderen Dokument oder zu einem Anker (anchor) setzen. Hyperlinks, auch „Verweise“ genannt, sind ein entscheidender Bestandteil jedes Hypertext-Projekts und der „intelligente Mehrwert“ des World Wide Web. Ein Verweis wird mit dem HTML-Element <a> definiert. Im Attribut href (Hypertext Reference) gibt man das Ziel des Verweises an. Das kann ein Sprungziel innerhalb des HTML-Dokuments oder ein anderes (aber erreichbares HTML Dokument) sein. Zwischen <a> und </a> steht der Text, der als anklickbarer Verweis im Browser angezeigt wird. Beispiele:  
    
-<code html><a href="#anfang">zum Anfang des Dokuments</a></code> <code html> <a href="hobbies.htm">Meine Hobbies</a></code> +<code html><a href="#anfang">zum Anfang des Dokuments</a></code> <code html> <a href="grill.html">Meine Hobbies</a></code> 
  
-<code html> <a href="http://www.google.de">Meine liebste Suchmaschine</a></code> +<code html> <a href="http://www.google.de">Die beliebteste Suchmaschine</a></code> 
 + 
 +**Bilder** 
 +Bilder im jpg-Format oder png-Format und Grafiken im gif-Format können über den img-Befehl eingebunden werden. Obwohl Bilder im Browser angezeigt werden, sind die Bilder selbst nicht Bestandteil eines HTML-Dokuments. Vielmehr lädt der Browser nachträglich die in img-Befehlen angegebenen Bilder. Er macht das besser, wenn er vorab die Größe der zu ladenden Bilder kennt (width/height-Attribute)  
 +  
 + <code html><img src="Verzeichnis/Bildname.gif" width="200" height="100" alt="Bildbezeichnung"> </code> 
 + 
 + 
  --- //[[stefan.zerr@gmx.de|Stefan Zerr]] 2017/07/02 21:52//  --- //[[stefan.zerr@gmx.de|Stefan Zerr]] 2017/07/02 21:52//
  • /var/www/infowiki/data/attic/e1/einfache_tags.1499025180.txt.gz
  • Zuletzt geändert: 2017/07/02 19:53
  • von admin03