HTML

【Web】HTML 标签汇总

微信扫一扫,分享到朋友圈

【Web】HTML 标签汇总
收藏 0 0

1、HTML简介

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

2、 结构语义标签:(常用

  • <!DOCTYPE>:声明
  • <html> : 网页根元素
  • <head>:头部
  • <body>:内容

3、头部标签:(常用

  • <title>:标题
  • <meta> :元信息
  • <link>:样式表
  • <style>:样式代码
  • <script>:脚本

4、基础标签:(常用

  • <!– –> :注释
  • <h1>~<h6>:标题
  • <p> : 段落
  • <a>:链接
  • <img>:图片
  • <br/> : 换行
  • <hr/>:水平线

5、表格标签:(常用

  • <table>:定义表格
  • <thead>:表格页眉
  • <tbody>:表格内容
  • <tfoot>:表格页尾
  • <caption>:表格标题
  • <th>:表格表头
  • <tr>:表格行
  • <td>:表格单元(列)
  • <colgroup>:表格组

6、列表标签:(常用

  • <ol>:有序列表
  • <ul>:无序列表
  • <li>:列表项
  • <dl>:自定义列表
  • <dt>:自定义列表项目
  • <dd>:自定义列表描述

7、表单标签:(常用

  • <form>:定义表单
  • <input>:表单输入域,type属性定义域类型
    文本 – text
    密码 – password
    复选 – checkbox
    单选 – radio
    按钮 – button、submit、reset
    日期 – date、datetime、month、week
    邮箱 – email
  • <select>:下拉列表
  • <textarea>:文本域
  • <button>:按钮

8、区块标签:(常用

  • <div>:块元素
  • <span>:行内元素

9、框架标签:(不推荐使用

  • <frameset>:框架结构标签
  • <frame>:框架
  • <noframes>:框架不兼容情况处理
  • <iframe>:内联框架(与frameset相比,推荐使用 iframe

10、实体符号:(常用

  • &nbsp; – 空格
  • &lt; – 小于号
  • &gt; – 大于号
  • &amp; – 与符号
  • &quot; – 引号
  • &yen; – 元(人民币符号)
  • &copy; – 版权符号
  • &reg; – 注册商标
  • &trade; – 商标
  • &times; – 乘号
  • &divide; – 除号

11、标签属性:(常用

  • id
  • class
  • title
  • href(a标签)
  • target(a、iframe标签)
  • style
  • align(被样式取代)
  • src (图标标签)

12、文档类型声明:(常用

  • HTML 5
    <!DOCTYPE html>
  • HTML 4.01
    <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
  • XHTML 1.0
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

13、格式化标签:该部分标签不常用,可被CSS样式取代

  • <big>:大号文字
  • <small>:小号文字
  • <i>:倾斜
  • <em>:着重语气(倾斜效果)
  • <b>:加粗
  • <strong>:加重语气(加粗效果)
  • <sub>:文字下标
  • <sup>:文字上标
  • <ins>:插入字
  • <del>:删除字
为自己努力,为亲人拼搏,为幸福奋斗。

jQueyr UI 实现模仿window操作系统桌面示例

上一篇

【至理名句】一生受益的至理名句

下一篇

你也可能喜欢

发表评论

插入图片

热评文章

  1. 抱歉,没有找到文章!

分类目录

热门文章

  1. 抱歉,没有找到文章!

微信扫一扫

微信扫一扫