HTML-Grund教程

HTML Medien

HTML Referenzhandbuch

HTML5 Grund教程

HTML5 API

HTML5 Medien

HTML-Schnellüberblicksliste

HTML Schnellübersicht. Sie können sie lokal speichern oder ausdrucken, um sich besser zu erinnern und sie im täglichen Gebrauch zu verwenden.

HTML Grunddokument

<!DOCTYPE　html>
<html>
<head>
<title>Dokumenttitel</title>
</head>
<body>
Sichtbarer Text...
</body>
</html>

Grundlegende Tags（Basis-Tags）

<h1>Größte Überschrift</h1>
<h2>　.　.　.　</h2>
<h3>　.　.　.　</h3>
<h4>　.　.　.　</h4>
<h5>　.　.　.　</h5>
<h6>Kleinste Überschrift</h6>
　
<p>Das ist ein Absatz.</p>
<br>　（Zeilenumbruch）
<hr>　（Horizontale Linie）
<!--　Dies ist ein Kommentar　-->

Textformatierung（Formatierung）

<b>Fetter Text</b>
<code>Computercode</code>
<em>Betonter Text</em>
<i>Schwarzer Text</i>
<kbd>Tastatureingabe</kbd>　
<pre>Formatierter Text</pre>
<small>Kleinerer Text</small>
<strong>Wichtiger Text</strong>
　
<abbr>　（Abkürzung）
<address>　（Kontaktinformationen）
<bdo>　（Textrichtung）
<blockquote>　（Von einer anderen Quelle zitierte Abschnitte）
<cite>　（Arbeitsname）
<del>　（Gelöschter Text）
<ins>　（Eingefügter Text）
<sub>　（Unterschrift Text）
<sup>　（Oberzeile Text）

Verknüpfungen (Links)

Einfacher Link: 	<a href="http://www.example.com/">VerknüpfungsText</a>
Bilddateilink: 	<a href="http://www.example.com/><img src="URL" alt="Ersetzender Text"></a>
E-Mail-Link: 	<a href="mailto:[email protected]">Senden Sie eine E-Mail-E-Mail</a>
Bookmark:
<a id="tips">Tippbereich</a>
<a href="#tips">Springen Sie zum Tippsbereich</a>

Bilder (Images)

<img　src="URL"　alt="Ersetzungs Text"　height="42"　width="42">

Stile/Blöcke (Styles/Abschnitte (Sections)

<style　type="text/css">
h1　{color:yellow;}
div{background:#f9f9f9;}
p　{color:green;}
</style>
<h1>H1Webseite Titel</h1>
<div>Blockelemente im Dokument</div>
<p>Inline Elemente im Dokument</p>

Ungeordnete Liste

<ul>
　　　　<li> Artikel</li>
　　　　<li> Artikel</li>
</ul>

Geordnete Liste

<ol>
　　　　<li> Erster Artikel</li>
　　　　<li> Zweiter Artikel</li>
</ol>

Definition Liste

<dl>
　　<dt>Projekt　1</dt>
　　　　<dd>Beschreibungsprojekt　1</dd>
　　<dt>Projekt　2</dt>
　　　　<dd>Beschreibungsprojekt　2</dd>
</dl>

Tabellen (Tables)

<table　border="1">
　　<tr>
　　　　<th>Tabellen Titel</th>
　　　　<th>Tabellen Titel</th>
　　</tr>
　　<tr>
　　　　<td>Tabellen Daten</td>
　　　　<td>Tabellen Daten</td>
　　</tr>
</table>

Fenster (Iframe)

<iframe　src="demo_iframe.htm"></iframe>

Formulare (Forms)

<form　action="demo_form.php"　method="post/get">
<input　type="text"　name="email"　size="40"　maxlength="50">
<input　type="password">
<input　type="checkbox"　checked="checked">
<input　type="radio"　checked="checked">
<input　type="submit"　value="Send">
<input　type="reset">
<input　type="hidden">
select>
<option>javascript Grundkurs</option>
<option　selected="selected">html Grundkurs</option>
<option>css Grundkurs</option>
</select>
<textarea　name="comment"　rows="60"　cols="20"></textarea>
　
</form>

Entity (Entities)

< entspricht <
> entspricht >
© entspricht ©

HTML-Video（Video）Wiedergabe HTML-URL