Html Befehle

Html Befehle sind englische Wörter oder deren Anfangsbuchstaben

Wichtige Beispiele:

Zur Formatierung von Buchstaben

b für bold (damit die Wirkung eines Html Befehls sichtbar wird, soll nicht mehr verwendet werden)
span für die Formatierung von Zeichen

Zur sichtbaren Organisation von vielen Sätzen

br für break oder Zeilenumbruch,
p für paragraph oder Absatz
div für division für die Formatierung von Texten und anderen Inhalten innerhalb dieses Containers

Zur Definition einer Webseite

html für Hypertext Markup Language, ein Hypertext hat Wörter die durch anklicken woanders hinführen.
head der Kopf - alles das was vor dem sichtbaren Teil der Webseite geladen wird
body alle Inhalte die im Webbrowser zu sehen sind
titleder Titel der Seite, der gebookmarked werden kann

Weitere sichtbare Seitenelemente

a für Anchor oder Anker zu einer anderen Stelle
img für Image oder Bild
ol für eine ordered List oder nummerierte Liste
ul für eine unorderd List oder Liste mit Aufzählungszeichen
li für List oder Listenelement

Zur Organisation im Dokument

h1 Überschrift 1
h2 Überschrift 2
....
h6 Überschrift 6

Ein Html Befehl steht zwischen einem größer und einem kleiner Zeichen und wird Tag [englische Sprechweise daher "täg" aussprechen] genannt.

Beispiele:<html>, , html-tag,b-tag, p-tag

Achtung: sobald ein < gesetzt wird, wird der nachfolgendeText nicht mehr dargestellt.

Ein kompletter Html Befehl besteht immer aus einem Anfangs und dem dazugehörenden Endtag.
Der Endtag heißt wie der Anfangstag und zusätzlich steht ein / vor dem Html Befehl.

Beispiele

(.... Anfangs p ....End p)
<html> </html> (.... Anfangs html ....End Html)
(....Anfangs b ....End b)

Dazwischen steht der normale Text

Beispiel

Das ist ein fettes Wort

Ohne Anfang und Endtag sind 3 übliche Html Befehle

<!DOCTYPE html>
<img>
<meta>

Eine einfache Html Seite

Es wird der Editor geöffnet.
Um Anfang und Ende von Html Befehlen zu sehen, werden sie entsprechend eingerückt.

 <!DOCTYPE html>
     <html>
         <head>
             <title>HTML Seite üben</title>
         </head>
         <body>
             <h1>Meine Überschrift</h1>
             <p>Ein Text zur Ansicht.<br> Er muss nicht gelesen werden</p>
          </body>
  </html>

Diese Seite wird als first.html gesichert.

Anschließend wird die Seite durch einen Doppelklick mit der Maus im Webbrowser geöffnet.

So beginnt der HTML Code

für Seiten in deutscher Sprache mit den Umlauten, die auch am Handy verwendet werden sollen.

Die Tags der Reihe nach erklärt:

<!DOCTYPE html> damit der Browser das Dokument als Html Seite behandelt.
<meta charset="utf-8"> damit die Umlaute und Sonderzeichen korrekt wiedergegeben werden.
<meta name="viewport" content="width=device-width, initial-scale=1.0;"> damit das Handy die Größen von Bildern, Buchstaben, usw. sinnvoll darstellen kann.

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0;">

< zurück | vor >

Nutzungsbedingungen | Datenschutz | Impressum
veröffentlicht unter CC BY 4.0 Autor: Roland Geyer