Manuel de dével...login
Manuel de développement HTML
auteur:php.cn  temps de mise à jour:2022-04-11 17:45:33

Liste de triche HTML



Liste de triche HTML Vous pouvez l'imprimer pour un usage quotidien.


Document HTML de base

Exemple

<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
可见文本...
</body>
</html>
Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne

Balises de base

<h1>Le plus grand titre</h1>
<h2> . </h3>
<h4> </h4>
<h5> paragraphe. </p>
<br> (Saut de ligne)
<hr> (Ligne horizontale)
<!-- Ceci est un commentaire -->


Formatage du texte
<b>Texte en gras</b>

<code>Code informatique</code>

<em>Texte d'accentuation< ;/em>
<i>Texte italique</i>
<kbd>Saisie au clavier</kbd>
<pre>Texte préformaté</pre>
<small>Texte plus petit</small> ;
<strong>Texte important</strong>

<abbr> (abréviation)
<adresse> (Coordonnées)
<bdo> 🎜><blockquote> (section citée d'une autre source)
<cite> (titre de l'ouvrage)
<del> (Texte supprimé)
<ins> <sub> (Texte en indice)
<sup> (Texte en exposant)


Lien (Liens)


Liens normaux : <a href=" http://www.example.com/">Texte du lien</a>
Liens images : < a href="http://www.example.com/"><img src=" URL" alt="texte de remplacement"></a>
Lien e-mail : <a href=" mailto:webmaster@example.com">Envoyer un e-mail</a>

Signet :
<a id="tips">Section Conseils</a>
< ;a href="#tips">Passer aux conseils</a>


Images


<img src="URL" alt ="texte de remplacement" height="42" width="42">

Styles/Sections

<style type="text/css">
  h1 {color:red;}
  p {color:blue;}
</style>
<div>Éléments de niveau bloc dans le document</div>
<span>Éléments en ligne dans le document</span>

Liste non ordonnée

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

Liste ordonnée

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

Liste de définition

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

Tableaux

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

Frame(Iframe)

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

Formulaires

<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>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
</form>

Entités)

< 🎜>> est équivalent à >
© est équivalent à ©