Zum Inhalt der Seite
  • NETZWERK
[Versionen] - [Seite bearbeiten]

Kleine Einführung in Html [Diskussion]

HTML für Zirkel-Tafeln
Inhaltsverzeichnis


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.

Wie es dargestellt wird

Was du schreibst

normal unterstrichen normal
Das war ein Umbruch

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>:

Wie es dargestellt wird

Was du schreibst

Ich bin unterstrichen...ich will auch T_T

<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):

Wie es dargestellt wird

Was du schreibst

Ich bin fett ich nicht...

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


Kursiv

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

Wie es dargestellt wird

Was du schreibst

Ich bin Kursiv ich nicht...

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


Zeilenumbruch

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

Wie es dargestellt wird

Was du schreibst

Gleich folgt ein
Umbruch

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:

Wie es dargestellt wird

Was du schreibst

Gleich folgt ein
Umbruch

Gleich folgt ein<br/>
Umbruch


Bilder

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

Wie es dargestellt wird

Was du schreibst

Bild:Angels_feather.jpg

<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" />
Alleinstehende Tags, bekommen hinten noch " /" reingeschrieben!

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>:

Wie es dargestellt wird

Was du schreibst

1. Spalte und 1. Zeile2. Spalte und 1. Zeile
1. Spalte und 2. Zeile2. Spalte und 2. Zeile
<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>




Letzte Änderungen
Hilfe
Spezialseiten