二、html常用标签
一、标签
标签:声明位于文档中的最前面的位置,处于标签之前。告知浏览器文档使用那种html或xhtml规范。
作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
注:这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat
二、内常用标签
1、标签:
name属性:主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的
http-equiv属性:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
"keywords" content='meta 总结,html,meta,meta属性,meta跳转'> #关键字搜索
"description" content="你好"> #描述性内容
"UTF-8"> #告诉解释器文本按照utf-8编码
等价于上面
"content-Type"charset="utf-8">
2、标签
"icon" href="路径"> #设置头部图标,就是标题前面的小图片
"stylesheet" href=".css文件"> #引入cs文件
#引入js文件
3、标题标签
Title #标题
例如:
"en">
"UTF-8">
"keywords" content="meta总结,html,这是我的meat">
"description" content="这是描述性内容">
lesson
"icon" href="//图片路径">
"stylesheet" href=".css文件">
关键字搜索
三、内常用标签
1、
...标签 #从大到小,用来表示标题
#段落标签,包裹的内容被换行,并且上下内容之间有一行空白
#换行标签
或者 # 加粗标签
#为文字加上一条中线
#文字变成斜体
和 #上角标和下角标
#水平线
: 只是一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现.
: 表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现.
每一个   代表一个空格
< #小于号
> #大于号
例如:
"en">
"UTF-8">
"keywords" content="meta总结,html,这是我的meat">
"description" content="这是描述性内容">
lesson
"icon" href="//www.jd.com/favicon.ico">
"stylesheet" href="CSS_lesson.css">
关键字搜索
h1
h2
h3
h4
h5
h6
第1行
第2行
第3行
这是加粗标签
这也是加粗标签
为文字加上一条横线
文字变成斜体
23
23
neilian
BB      AA
div1
div2
2、图形标签:![]()
src #要显示图片的路径
alt #图片没有加载成功的提示
title #鼠标悬浮时的提示信息
width #图片的宽
height #图片的高
3、超链接标签(锚标签):
href #要连接的资源路径,格式为:href="http://www.baidu.com"
target: _blank #在新的窗口打开超链接,框架名称;在指定框架中打开链接内容
4、列级标签
# 无序列表
#有序列表
- #列表中的每一项
#定义列表
- #列表标题
- #列表项
5、table标签
#表行
标题 #表头
内容 #表数据
属性:
border: 表格边框
cellpadding: 内边距
cellspacing: 外边距
width: 像素 百分比(最好通过css来设置长宽)
rowspan: 单元格竖跨多少行
colspan: 单元格横跨多少列(即合并单元格)
例如:
"en">
"UTF-8">
Title
"a.jpg" alt="截图" title="进度" width="100px" height="100px">
"CSS_lesson.css" target="_blank">点我
- 1
- 2
- 3
- aa
- aa
- aa
- aa
- 一、
- 1
- 2
- 3
- 4
"3px" cellpadding="8px" cellspacing="8px">
11
11
11
11
11
11
11
11
11
"2">333