CSS中常用的HTML元素及标签

常用的HTML标签总结#

• 1. div 无意义标签，用来区分网页大模块，例如网页头部、主题内容、尾部

<div>无意义元素，用它来区分网页大模块</div>

1
banner
2
<div>区分模块
3
    <a href="http://www.baidu.com">
4
        <img src="pic.jpg" alt="备注/描述">
5
    </a>
6
    <a href="">
7
        <img src="" alt="图片加载出问题了" width="100px" height="100px">
8
    </a>
9
</div>

• 2. span 无意义标签,用来描述行内某个小模块
• 3. p <p>段落</p>
• 4. ul li 无序列表
• 5. ol li 有序列表
• 6. b 加粗
• 7. strong 加粗,浏览器解析的时候,有强调作用
• 8. body 身体,网页主体部分 （内容在浏览器可视区显示）
• 9. a 超链接,描点

1
点击元素可以进行跳转的
2
<a href="链接路径" target="_blank">珠峰培训</a>
3
<a href="pic.jpg" target="_blank">珠峰培训</a>

• 10. img 插入图片

1
<img src="图片路径" alt="备注/描述">
2
<img src="pic.jpg" alt="备注/描述">

• 11. i 作用：斜体
• 12. em 强调 作用：*斜体
• 13. h1-h6 标题
• 14. dl-dt-dd定义列表 常用在新闻标题和摘要
  • dt 定义标题
  • dd 定义描述
  • 一个dt可以多个dd进行描述

标签#

• 标签（由尖括号和关键字组成的超文本）
• 关键字（就是普通文本），在编辑html这门语言的时候，相关组织将这些文本归纳到了一定的规则中，是他有了特殊的含义和作用
• 标签的分类：开始标签、结束标签、空标签

1
<开始标签><空标签 />
2
<div></div>
3
<b></b>
4
<strong></strong>
5
<ul><li></li></ul>
6
<ol><li></li></ol>
7
<p></p>···
8
</结束标签>

• 标签属性：用来描述标签功能的，一般写在开始标签中，跟在标签名的后面，用空格隔开，一个标签可以有很多标签属性，每一个属性都用空格隔开

1
<开始标签 属性名="属性值" 属性名1="属性值"><结束标签>
2
<img src="url" alt="备注" />

元素#

• 由标签（开始和结束标签中有内容）和内容组成，元素中内容可以为空，一个空标签也叫做一个元素

1
<div>content</div>-->div元素
2
<img src="url" alt="备注" />-->img元素

• 标签属性经过html的进化，舍弃了有关样式的标签属性，保留功能的标签属性
• 例如舍弃width bgcolor align，这些样式描述都放在css里面
• 保留alt title src href···

iframe标签#

在引入其他文件的时候，必须写宽度和高度