HTML für Online-Texter

24. September 2009 . von Barbara Frolik . 4 Kommentare
HTML

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:

Die wichtigsten HTML-Tags für Online-Texter
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>

4 Kommentare

Manuel sagt am 27. September 2009
Hallo Barbara,
ich finde diese Auflistung sehr hilfreich.
Ich kenne da jemanden, dem ich das unbedingt weiterleiten werde.
Viele Grüsse :)
Barbara sagt am 27. September 2009
Wow, danke dir. Ich dachte mir, ich schreibe zur Abwechslung mal was für Anfänger. Manchmal vergisst man, dass nicht jeder ein Profi ist und auch Einsteigerinfos gefragt sind :)
Ellen sagt am 28. September 2009
Hallo Barbara,

das finde ich eine tolle Idee. Ich denke auch, man vergisst viel zu schnell, dass nicht jeder ein Code-Fan ;-) ist.

Deine Liste kann auch zum Weiterleiten an Kunden, die z.B. ein CMS nutzen, sehr hilfreich sein.

Vielen Dank für deine Mühe,
liebe Grüße Ellen :-)
Barbara sagt am 28. September 2009
An die Kunden habe ich noch gar nicht gedacht, aber du hast natürlich absolut recht :) Und: Juhuu, der TweetMeme-Button funktioniert!

Kommentar schreiben

Themen

Neuste Artikel

Beliebteste Artikel

Letzte Kommentare

Jasmina schreibt: Hi Barbara, 1. Schön, dass Du wieder zurück bist :) 2. Das sind wirklich beeindrucke (...)
Susi schreibt: Willkommen zurück. Es freut mich sehr, dass es dir in Island so gut gefallen hat. Islan (...)
Barbara Frolik schreibt: Danke für deinen Kommentar, liebe Anntheres. Ja, die Reise war absolut himmlisch. Am liebs (...)
Anntheres schreibt: Oooh, die sind aber schööön! Ich hoffe, die ganze Reise war auch so himmlisch... und jede (...)

WordWeb Webtext & Werbetext