Tutoriel de base HTML

Médias HTML

Manuel de référence HTML

HTML5 Tutoriel de base

HTML5 API

HTML5 Médias

Liste de contrôle rapide HTML

Liste de contrôle rapide HTML. Vous pouvez l'ajouter à vos favoris ou l'imprimer pour vous aider à vous souvenir et à utiliser quotidiennement.

Document HTML de base

<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>
Texte visible...
</body>
</html>

Balises de base (Basic Tags)

<h1>Grand titre</h1>
<h2>   .   .   .</h2>
<h3>   .   .   .</h3>
<h4>   .   .   .</h4>
<h5>   .   .   .</h5>
<h6>Petit titre</h6>
　
<p>Voici un paragraphe.</p>
<br> (Saut de ligne)
<hr> (Ligne horizontale)
<!--　Ceci est un commentaire　-->

Formatage de texte (Formatting)

<b>Texte en gras</b>
<code>Code informatique</code>
<em>Texte en mise en avant</em>
<i>Texte en italique</i>
<kbd>Entrée de clavier</kbd>　
<pre>Texte préformaté</pre>
<small>Texte encore plus petit</small>
<strong>Texte important</strong>
　
<abbr> (Abréviation)
<address> (Informations de contact)
<bdo> (Direction du texte)
<blockquote> (Partie citée d'une autre source)
<cite> (Nom de l'œuvre)
<del> (Texte supprimé)
<ins> (Texte inséré)
<sub> (Texte en indice)
<sup> (Texte en exposant)

Liens (Links)

Lien ordinaire :<a href="http://www.example.com/">Texte de lien</a>
Lien d'image : <a href="http://www.example.com/><img src="URL" alt="Texte de remplacement"></a>
Lien de courrier électronique : <a href="mailto:[email protected]">Envoyer e-mail</a>
Signet : 
<a id="tips">Partie d'aide</a>
<a href="#tips">Aller aux parties d'aide</a>

图片（Images）

<img　src="URL"　alt="替换文本"　height="42"　width="42">

样式/区块（Styles/Sections）

<style　type="text/css">
h1　{color:yellow;}
div{background:#f9f9f9;}
p　{color:green;}
</style>
<h1>H1网页标题</h1>
<div>文档中的块级元素</div>
<p>文档中的内联元素</p>

无序列表

<ul>
　　　　<li>项目</li>
　　　　<li>项目</li>
</ul>

有序列表

<ol>
　　　　<li>第一项</li>
　　　　<li>第二项</li>
</ol>

定义列表

<dl>
　　<dt>项目　1</dt>
　　　　<dd>描述项目　1</dd>
　　<dt>项目　2</dt>
　　　　<dd>描述项目　2</dd>
</dl>

表格（Tables）

<table　border="1">
　　<tr>
　　　　<th>表格标题</th>
　　　　<th>表格标题</th>
　　</tr>
　　<tr>
　　　　<td>表格数据</td>
　　　　<td>表格数据</td>
　　</tr>
</table>

框架（Iframe）

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

表单（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基础教程</option>
<option　selected="selected">html基础教程</option>
<option>css基础教程</option>
</select>
<textarea　name="comment"　rows="60"　cols="20"></textarea>
　
</form>

Entités (Entities)

< équivalent à <
> équivalent à >
© équivalent à ©

Lecture de vidéo HTML URL HTML