html的基本结构
2016-05-21 12:57:58 27 举报AI智能生成
html的基本结构
作者其他创作
大纲/内容
1、html的基本结构
1、内容
解释
HTML文档的文档标记，也称为HTML开始标记
功能
这对标记分别为于网页的最前端和最后端
在最前端表示网页的开始
在最后端表示网页的结束
2、内容
解释
HTML文件头标记，也称为HTML头信息开始标记
功能
用来包含文件的基本信息，比如网页的标题、关键字。在内可以放
注意
在标记内的内容不会再游览器中显示
3、内容
解释
HTML文件标题标记
功能
网页的“主题”，显示在游览器的左上边
注意
网页的标题不能太长，要短小精悍，能具体反映页面的内容，
html的基本结构
1、内容
解释
HTML文档的文档标记，也称为HTML开始标记
功能
这对标记分别为于网页的最前端和最后端
在最前端表示网页的开始
在最后端表示网页的结束
2、内容
解释
HTML文件头标记，也称为HTML头信息开始标记
功能
用来包含文件的基本信息，比如网页的标题、关键字。在内可以放
注意
在标记内的内容不会再游览器中显示
3、内容
解释
HTML文件标题标记
功能
网页的“主题”，显示在游览器的左上边
注意
网页的标题不能太长，要短小精悍，能具体反映页面的内容，
解释
HTML文档的主题标记
4、内容
功能
...是网页的主题部分，在此标记之间可以包含、、
等等标记，正是由这些内容组成了我们看见的内容
等等标记，正是由这些内容组成了我们看见的内容
body标记的常见属性
1、bgcolor
设置背景颜色
2、text
设置文本颜色
3、link
设置链接颜色
4、vlink
已经访问了的连接颜色
5、alink
正在被点击的链接颜色
5、内容
解释
页面的元信息(meta-information)
功能
提供有关页面的元信息(meta-information),比如针对搜索引擎和跟新频度的描述和关键词
必须的属性
content
值:some_text
定义name属性的相关的元信息
常见的属性
1、常用的name属性
1、author
2、keywords
3、description
4、others
注意meta标记必须放在head元素里面
解释
HTML文档的主题标记
4、内容
功能
...是网页的主题部分，在此标记之间可以包含、、
等等标记，正是由这些内容组成了我们看见的内容
等等标记，正是由这些内容组成了我们看见的内容
body标记的常见属性
1、bgcolor
设置背景颜色
2、text
设置文本颜色
3、link
设置链接颜色
4、vlink
已经访问了的连接颜色
5、alink
正在被点击的链接颜色
5、内容
解释
页面的元信息(meta-information)
功能
提供有关页面的元信息(meta-information),比如针对搜索引擎和跟新频度的描述和关键词
必须的属性
content
值:some_text
定义name属性的相关的元信息
常见的属性
1、常用的name属性
1、author
2、keywords
3、description
4、others
注意meta标记必须放在head元素里面
2、文档设置标记
1、格式标记
1、
强制换行标记
让后面的文字、图片、表格、显示在下一行
2、
换段落标记
3、
居中对齐标记
4、
预格式化标记
5、
列表项目标记
6、
无序列表标记
7、
有序列表标记
可以显示特定的一些顺序
1、格式
2、有序列表的type属性
1
阿拉伯数字1、2、3等等，默认的type属性值
A
大小字母A、B、C等等
a
小写字母a、b、c等等
I
大写罗马数字
i
小罗马数字
3、value
指定一个新的序列开始起值
4、列表可以进行嵌套
8、
- 定义型列表使用场合对列表条目进行简短的说明格式
9、
分区显示标记，也称为值层标记
常用来编排一大段的HTML段落，也可以用于格式化列表，和
很相似
10、
水平分割线标记
2、文本标记
1、hn
标题标记
共有6个级别，n的范围是1-6，不同级别对应显示大小不同的标题，h1最大，h6最小
2、font
字体大小设置
三个常用属性
1、size
取值范围是1-7，默认是3
2、color
3、face
3、b
粗字体标记
4、i
斜字体标记
5、sub
文字下标标记
6、sup
文字上标标记
7、tt
打印机字体标记
8、cite
引用方式的字体，通常是斜体
9、em
表示强调，通常显示为斜体字
10、strong
表示强调，通常显示为粗体字
11、small
小型字体标记
12、big
大写字体标记
13、u
下划线字体标记
3、图像标记 ![]()
图像标记
1、使用方法 
2、注意
1、![]()
为单标记，不需要使用闭合
2、在加载图像文件的时候，文件的路径或者文件名文件格式错误，将无法加载图片
3、![]()
标记的属性
1、src属性
作用
指定我们要加载的图片的路径和图片的名称以及图片的格式
2、width属性
作用
指定图片的宽度
单位：px、em、cm、mm
3、height属性
作用
指定图片的高度
单位：px、em、cm、mm
4、border属性
作用
指定图片的边框宽度
单位：px、em、cm、mm
5alt属性
作用1
当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字
作用2
如果图像没有下载或者加载失败，会用文字来代替图像显示
作用3
搜索引擎可以通过这个属性的文字来抓取图片
4、超链接的使用
1、基本语法
2、属性
1、href属性
链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等
2、target属性
1、作用
定义链接的打开方式
2、属性值
1、blank
在一个新的窗口中打开链接
2、seif（默认值）
在当前的窗口中打开链接
3、parent
在父窗口中打开页面（框架中使用较多）
4、top
在顶层窗口中打开文件(框架中使用较多)
3、name属性
指定页面的锚点名称
0 条评论
下一页
图形选择
思维导图
主题
补充说明
AI生成
提示
关闭后当前内容将不会保存，是否继续？
取消
确定