欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

了解html的基础标签

程序员文章站 2022-03-30 17:36:52
...
一、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>按预定格式显示的文本(Preformatted)</pre>
    <q>引用(quote)</q>

    <samp>例子(sample)</samp>

    <small>缩小(small)</small>
    <span>文本段(span)</span>
    <strong>重点强调(strong emphasized)</strong>
·   <sub>下标(subscript)</sub>
    <sup>上标(superscript)</sup>

    <textarea>多行文本输入区(textarea)</textarea>

    <tt>电传打字机(teletype)(等宽字体)</tt>

     <var>可变文本(variable)</var>

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='text' 文本输入框(text)
<input type="radio" name="name" value="" />input,type='radio' 单选框(radio)
<input type="checkbox" name="name" value="" />input,type='checkbox' 复选框(checkbox)
<input type="file" name="name" value="" />input,type='file' 文件选择框(file)
<input type="hidden" name="name" value="" />input,type='hidden' 隐藏域(hidden)
<input type="image" name="name" value="" />input,type='image' 图片按钮(image)
<input type="password" name="name" value="" />input,type='password' 密码输入框(password)
<input type="reset" name="name" value="reset" />input,type='reset' 重置按钮(reset)
<input type="submit" name="name" value="submit" />input,type='submit' 提交按钮(submit)
<input type="button" name="name" value="button" />input,type='button' 按钮

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>

以上就是了解html的基础标签的详细内容,更多请关注其它相关文章!