Maison > interface Web > tutoriel HTML > le corps du texte

Comprendre les balises de base du HTML

PHP中文网
Libérer: 2017-06-22 11:08:01
original
1285 Les gens l'ont consulté

1. Contenu du langage de balisage hypertexte, le HTML est un langage de code faible et le code n'est pas écrit de manière rigoureuse

1. Hyperliens

<a href="#">超级链接(anchor)</a>
Copier après la connexion

Lors de l'écriture de l'adresse href d'un lien hypertexte, faites attention à savoir si le protocole d'analyse correspondant est écrit. Lorsque le protocole n'est pas défini, suivez le protocole de texte du fichier local par défaut

.

https, http, email, personnalisé (Thunder), etc.

2. Autres balises

  <address>地址(address)</address>

    <b>粗体(bold)</b>
    <big>放大(big)</big>
    <blockquote> 引用块(blockquote)</blockquote>
    <br/> 换行(break)

    <center> 居中(center)</center>
    <cite>引用(cite)</cite>
    <code>代码(code)</code>

    <del> 删除(delete)</del>
    <dfn> 定义(definition)</dfn>
    <p> 区块(pision)</p>
    <em> 强调(emphasize)</em>

    <hr/> 横线(horizontal)

    <i> 斜体(italic)</i>

    <u>下划线(italic)</u>

    <p>p 段落(paragraph)</p>
    <pre class="brush:php;toolbar:false">按预定格式显示的文本(Preformatted)
引用(quote) 例子(sample) 缩小(small) 文本段(span) 重点强调(strong emphasized) · 下标(subscript) 上标(superscript) 电传打字机(teletype)(等宽字体) 可变文本(variable)
Copier après la connexion

3. 🎜>

4. Balise de liste——
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
Copier après la connexion

[1], liste de dictionnaires dl (liste de dictionnaires)

[2], vieille liste ordonnée (liste de commande)

  <dl>
    <dt>dt 字典标题(dictionary title)</dt>
            <dd>dd 字典数据(dictionary data)</dd>
    <dt>dt 字典标题(dictionary title)</dt>
                   <dd>dd 字典数据(dictionary data)</dd>
  </dl>
Copier après la connexion

[3], ul liste non ordonnée (liste non ordonnée)
<ol>
<li>li 列表项(list item)</li>
<li>li 列表项(list item)</li>
</ol>
Copier après la connexion

5. Balises de formulaire

 <ul>
       <li>列表项(list item)</li>
       <li> 列表项(list item)</li>
 </ul>
Copier après la connexion


6. Zone de liste déroulante
<form action="#" method="post">表单(form)</form>
Copier après la connexion
<img src="#" alt="图片" />图片(image)
<input type="text" name="name" value="" />input,type=&#39;text&#39; 文本输入框(text)
<input type="radio" name="name" value="" />input,type=&#39;radio&#39; 单选框(radio)
<input type="checkbox" name="name" value="" />input,type=&#39;checkbox&#39; 复选框(checkbox)
<input type="file" name="name" value="" />input,type=&#39;file&#39; 文件选择框(file)
<input type="hidden" name="name" value="" />input,type=&#39;hidden&#39; 隐藏域(hidden)
<input type="image" name="name" value="" />input,type=&#39;image&#39; 图片按钮(image)
<input type="password" name="name" value="" />input,type=&#39;password&#39; 密码输入框(password)
<input type="reset" name="name" value="reset" />input,type=&#39;reset&#39; 重置按钮(reset)
<input type="submit" name="name" value="submit" />input,type=&#39;submit&#39; 提交按钮(submit)
<input type="button" name="name" value="button" />input,type=&#39;button&#39; 按钮
Copier après la connexion

7.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal