Kleine Einführung in Html [Diskussion]

HTML

HTML ist das erste, was man lernen sollte, wenn man Websiten programmieren will. Hier auf Animexx wird in den Tafeln von Zirkeln auch HTML benutzt, sofern es aktiviert wurde.

Tags

In HTML gibt es sogennante "Tags". Ein Tage steht entweder alleine, so wie der Tag für den Zeilenumbruch <br /> oder es besteht aus einem Start- und einem End-Tag.

Die Start-/End-Tags werden auf alles angewendet, was sich zwischen ihnen befindet.

normal <u>unterstrichen</u> normal<br />Das war ein Umbruch

Man sieht zuerst die Verwendung des Tags zum Unterstreichen, welches aus Start- und End-Tag besteht, und dann die Verwendung des alleinstehenden Tags für einen Zeilenumbruch.

Unterstreichen

Zum Unterstreichen verwendet ihr das Tag <u></u>:

<u>Ich bin unterstrichen</u>...ich will auch T_T

Fett

Um Text Fett zu machen verwendet ihr das Tag <b></b> (für bold = Englisch: Fett):

<b>Ich bin fett</b> ich nicht...

Kursiv

Um Text Kursiv zu machen verwendet ihr das Tag <i></i> (für italic = Englisch: Kursiv):

<i>Ich bin Kursiv</i> ich nicht...

Zeilenumbruch

Um einen Zeilenumbruch einzufügen verwendet das Tag <br />:

Gleich folgt ein<br/>Umbruch

Meißt macht man hinter dem <br/> auch noch einen normalen Umbruch (also Enter-Taste drücken) damit man auch im HTML-Code den Überblick behält:

Gleich folgt ein<br/>
Umbruch

Bilder

Bilder fügt ihr mit dem Tag <img> ein:

<img src="http://animexx.onlinewelten.com/wiki/upload/a/a6/Angels_feather.jpg">

Falls ihr XHTML-konform schreiben wollt, müsst ihr das Tag etwas umändern:

<img src="http://animexx.onlinewelten.com/wiki/upload/a/a6/Angels_feather.jpg" />

Dieses Tag hat auch ein Attribut, in diesem Fall src (source = Englisch: Quelle), dort müsst ihr den Link zu dem Bild eingeben. Um Bilder einbinden zu können, müssen diese also irgendwo unter einem Link verfügbar sein!

Tabellen

Tabellen bestehen aus Zeilen und Spalten. Um eine Tabelle anzulegen verwendet ihr das Tag <table></table>, sowie das Tag <tr></tr> und td></td>:

<table>
<tr><td>1. Spalte und 1. Zeile</td><td>2. Spalte und 1. Zeile</td></tr>
<tr><td>1. Spalte und 2. Zeile</td><td>2. Spalte und 2. Zeile</td></tr>
</table>