HTML für Online-Texter

Barbara Frolik — Thu, 24 Sep 2009 14:22:49 +0000

Ein guter Online-Texter muss kein Technik-Freak sein. Wenn du dich als Texter auf den Web-Bereich spezialisieren möchtest, solltest du jedoch zumindest die grundlegenden HTML-Tags kennen. Als Online-Texter wirst du oft mit CMS arbeiten müssen. Zwar braucht man für die meisten CMS nicht unbedingt HTML-Kenntnisse. Wenn man die wichtigsten Codes kennt, füllt man Inhalte jedoch wesentlich schneller und sauberer ab. Keine Angst: HTML ist gar nicht so schwer. Hier sind die wichtigsten Tags:

Credit: stock.xchng

Schrift

Fett:
```
<strong>Text</strong>
```
Kursiv:
```
<em>Text</em>
```
Unterstrichen:
```
<u>Text</u>
```
Klein:
```
<small>Text</small>
```
Gross:
```
<big>Text</big>
```
Hochgestellt:
```
<sup>Text</sup>
```
Tiefgestellt:
```
<sub>Text</sub>
```

Überschriften

Überschrift 1. Ordnung:
```
<h1>Überschrift</h1>
```
Überschrift 2. Ordnung:
```
<h2>Überschrift</h2>
```
Überschrift 3. Ordnung:
```
<h3>Überschrift</h3>
```
Überschrift 4. Ordnung:
```
<h4>Überschrift</h4>
```
Überschrift 5. Ordnung:
```
<h5>Überschrift</h5>
```
Überschrift 6. Ordnung:
```
<h6>Überschrift</h6>
```

Absätze und Zeilenumbrüche

Absatz:
```
<p>Text</p>
```
Einfacher Zeilenumbruch:
```
<br>
```
Zitat:
```
<blockquote>Text</blockquote>
```

Links

Einfacher Link:

<a href="http://www.wordweb.ch">Link</a>

Link in einem neuen Fenster öffnen:

<a href="http://www.wordweb.ch" target="_blank">Link</a>

Bilder

Bild einfügen:

<img src="bildname.jpg" alt="beschreibung">

Listen

Ungeordnete Liste:
```
<ul></ul>
```
Geordnete Liste (von 1 bis x):
```
<ol></ol>
```
Listenelement:
```
<li>Element</li>
```

Zum Beispiel:

<ul>

<li>Element 1</li>

<li>Element 2</li>

</ul>

Tabellen

Tabelle mit zwei Spalten und drei Zeilen:

<table>

<tr>

<td>Zelle</td><td>Zelle</td><td>Zelle</td>

</tr>

<tr>

<td>Zelle</td><td>Zelle</td><td>Zelle</td>

</tr>

<tr>

<td>Zelle</td><td>Zelle</td><td>Zelle</td>

</tr>

</table>

WordWeb » HTML