了解html的基础标签

PHP中文网
Lepaskan: 2017-06-22 11:08:01
asal
1285 orang telah melayarinya

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

1、超链接  

<a href="#">超级链接(anchor)</a>
Salin selepas log masuk

写超链接的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)
Salin selepas log masuk

3、标题标签

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

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>
Salin selepas log masuk

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

<ol>
<li>li 列表项(list item)</li>
<li>li 列表项(list item)</li>
</ol>
Salin selepas log masuk

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

 <ul>
       <li>列表项(list item)</li>
       <li> 列表项(list item)</li>
 </ul>
Salin selepas log masuk

5、表单标签

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

6、下拉列表框

select 选择列表(select)
<select>
<option value="value">option 选择项(option)</option>
</select>
Salin selepas log masuk

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>
Salin selepas log masuk


Atas ialah kandungan terperinci 了解html的基础标签. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan