Maison  >  Article  >  interface Web  >  了解html的基础标签

了解html的基础标签

PHP中文网
PHP中文网original
2017-06-22 11:08:011200parcourir

一、HyperText Markup Language   内容,html是弱代码语言,代码编写不严谨

1、超链接  

<a href="#">超级链接(anchor)</a>

    写超链接的href地址的时,要注意是否有写相应的解析协议,没有设置协议时,按照默认的本地文件的文本协议

    https,http,邮件,自定义(迅雷)等;

2、其他标签

  <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)

3、标题标签

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

4、列表标签 ——  

    [1]、dl 字典列表(dictionary list)

  <dl>
    <dt>dt 字典标题(dictionary title)</dt>
            <dd>dd 字典数据(dictionary data)</dd>
    <dt>dt 字典标题(dictionary title)</dt>
                   <dd>dd 字典数据(dictionary data)</dd>
  </dl>

    [2]、ol 有序列表(order list)

<ol>
<li>li 列表项(list item)</li>
<li>li 列表项(list item)</li>
</ol>

  [3]、ul 无序列表(unordered list)

 <ul>
       <li>列表项(list item)</li>
       <li> 列表项(list item)</li>
 </ul>

5、表单标签

<form action="#" method="post">表单(form)</form>
<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; 按钮

6、下拉列表框

select 选择列表(select)
<select>
<option value="value">option 选择项(option)</option>
</select>

7、table 表格(table)

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>td 表格数据(table data)</td>
    <td>td 表格数据(table data)</td>
  </tr>
  <tr>
    <td>td 表格数据(table data)</td>
    <td>td 表格数据(table data)</td>
  </tr>
</table>


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!

Déclaration:
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