Html Tutorial für totale Anfänger:
H
TML erlernen leicht gemacht
 

In diesem HTML Tutorial geht es um die Definition des Wortes HTML und ebenso, wie man ein HTML Grundgerüst erstellt. Dieses Tutorial wurde von einem Kollegen, aus einem Forum, erstellt. Ich habe bei diesem Tutorial nur den einen oder anderen Satz optimiert.

HTML zu erlernen ist wahrhaft sehr einfach, wie ich finde.

HTML bedeutet "hypertext markup language", kurz HTML.
HTML sollte man beherrschen, wenn man Webseiten im Internet erstellen möchte, welche einen validen Code vorweisen.Natürlich gibt es auch solche wysiwyg Editoren, wie Frontpage oder Dreamwaver, welche einem das coden abnehmen.

Da es hier jedoch nicht um wysiwyg Editoren geht, kommen wir wieder zum Ursprung dieses HTML tutorials zurück.

HTMList eine textbasierende Auszeichnungssprache. (Texte, Bilder/Grafiken, Links etc.)
Man benötigt einen Editor, welchen auch immer, um mit dieser Auszeichnungssprache arbeiten zu können.

Nun geht dieses HTML Tutorial erst richtig zur Sache. :-)

 

Das Grundgerüst

Bei diesem HTML Tutorial wird Schritt für Schritt erklärt, was nun zu machen ist. Also, keinen Stress aufkommen lassen... :-)

<html>
<head> 
<title> Beschreibung der Seite </title>
</head>
<body>
Inhalt der Seite
</body>
</html>

Ich möchte noch kurz in diesem HTML Tutoriall die eine oder andere Sache erörtern.

Nach diesem Code steht nun oben in meiner Browserleiste: "Beschreibung der Seite".
Grund: Ich habe diese im title Tag angegeben. Noch dazu hilft mir der title Tag um bei den Suchmaschinen mit den entsprechenden Suchwörtern gefunden zu werden.

Grundsätzlich muss jedes HTML-Element auf- u. zugemacht werden.
Beim schließen der tags wird ein slash nach dem "kleiner als" Zeichen gesetzt.

Fazit: Mit diesen ersten Befehlen kann man schon eine kleine Homepage aufbauen, so wie ich das sehe.
Ich hoffe, ich konnte dir in diesem HTML Tutorial schildern, dass HTML tatsächlich sehr einfach zu erlernen ist und ich würde mich freuen, wenn du mein nächstes HTML Tutorial ebenso liest.

 

Tabellen

Die HTML Tutorial Reihe geht weiter.

 
Wenn du ein HTML Tutorial suchst, in welchem dir erklärt wird, wie man Tabellen mit HTML erstellt, bist du hier genau richtig.

Nun zum Hauptkern von diesem zweiten Tutorial:

Der Aufbau einer Tabelle ist recht einfach und wird deswegen von vielen Webmastern genutzt.
Ich möchte in diesem HTML Tutorial nur die grundlegenden Befehle in einer Tabelle erläutern, da mehrere Befehle schon etwas mehr Verständnis benötigen und anfangs noch verwirren könnten.

Der nachfolgende Code soll den Aufbau einer Tabelle veranschaulichen.
[...]
<table>
<tr>
<td>1.Zeile und 1. Spalte der Tabelle</td>
<td>1.Zeile und 2. Spalte der Tabelle</td>
<td>1.Zeile und 3. Spalte der Tabelle</td>
<td>1.Zeile und 4. Spalte der Tabelle</td>
</tr>
<tr>
<td>2.Zeile und 1. Spalte der Tabelle</td>
<td>2.Zeile und 2. Spalte der Tabelle</td>
<td>2.Zeile und 3. Spalte der Tabelle</td>
<td>2.Zeile und 4. Spalte der Tabelle</td>
</tr>
</table>
[...]
Erläuterung der tags im einzelnen:

<table></table> Einleitung und Beendung der Tabelle
<tr></tr> Tabellenzeile
<td></td> Tabellenspalte
 



 Lizzards Web => Deine Ressource für Photoshop & Blender sowie HTML & CSS