一:标签分类
标签分为两类:块级标签和行内标签
常用行内标签:a,span,select等
常用块级标签:div,h1,p等
二:各种标签
1)各种符号
比如 > < 要想空格大于两个以上,可以使用
http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
2)p和br
p表示段落,默认段落之间是有间隔的!
<br/> 是换行
3)a标签和锚
<a> 标签的方式
通过使用 href 属性 - 创建指向另一个文档的链接通
过使用 name 属性 - 创建文档内的书签
使用 Target 属性,你可以定义被链接的文档在何处显示
name 属性规定锚(anchor)的名称 用法href="#ID或者name名"
<a href="http://www.w3school.com.cn/">Visit W3School</a> <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> <a name="label">锚(显示在页面上的文本)</a>
<p>
<a href="#C4">查看 Chapter 4。</a> 调用NAME
<a href="#mao">查看 lalal。</a> 调用ID
</p>
<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>
<div style="height: 20000px;background-color: red"></div>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<div id="mao"><p>lalal</p></div>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>
4)标题标签
<h1> 定义最大的标题。<h6> 定义最小的标题。
<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
5)div 标签
<div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位
HTML5 语义元素
header | 定义文档或节的页眉 |
nav | 定义导航链接的容器 |
section | 定义文档中的节 |
article | 定义独立的自包含文章 |
aside | 定义内容之外的内容(比如侧栏) |
footer | 定义文档或节的页脚 |
details | 定义额外的细节 |
summary | 定义 details 元素的标题 |
6) <span> 元素是内联元素,可用作文本的容器
7)img标签
属性(src):值是图像的 URL 地址
alt 属性:用来为图像定义一串预备的可替换的文本
三:总结
所有标签分为:
块级标签: div(白板),H系列(加大加粗),p标签(段落和段落之间有间距)
行内标签: span(白板)
标签之间可以嵌套
标签存在的意义,css操作,js操作
ps:chorme审查元素的使用
- 定位
- 查看样式