HTML5总结(1)

什么是HTML5

HTML即超文本标记语言，是一种用来制作超文本文档的简单标记语言，也是制作网页的最基本的语言，它可以直接由浏览器执行。

1.HTML 是用来描述网页的一种语言
2.HTML 指的是超文本标记语言
3.HTML 不是一种编程语言
4.标记语言是一套标记标签
5.HTML 使用标记标签来描述网页
6.HTML 文档包含了HTML标签及文本内容
7.HTML 文档也叫做web页面

HTML常用的标签

<标签>内容<标签>

-文档标记
-头部标记
-主体标记

网页的机构

文档标记的语法

声明了文档的类型，有助于浏览器中正确显示网页，所有的浏览器都支持声明。
始终向HTML文档中添加声明，这样浏览器才能获知文档类型

头部标记（...）
包含文档的标题信息，头部标记都不可缺少。

主体标记（...）
包含了文档的内容

中文网页需要使用声明编码，否则会出现乱码

HTML标签总结

标签
图片大小
`

添加图片

 (alt :如果无法显示图像，浏览器将显示替代文本)

HTML文字排版标记

段落标记，用于表示一个段落

         港媒称，据了解情况的科学家和学术权威们说，中国正在建造世界上最大的量子研究设施，以开发量子计算机和其他“革命性”技术，供军队破解密码并用于隐形潜艇。

换行标记，用于段落内部的转换
注意：该标记是自我闭合标记（意思是只用它一个标签就可以了）

~

标题标记，显示文档内容的标题，一共6级标题

这是一个一级标题

无序列表标记
用法

        
标签1
        
标签2
        
标签3

用法同上

如上图

或者
字体加粗
或者
文本倾斜

---

水平线

块级元素
1.总是在新行上开始，占据一行
2.高度，行高以及外边距和内边距都可以控制
3.宽带始终是与浏览器的宽度一样，与内容无关
4.它可以容纳行内（内联）元素和其他块元素。

行内元素

1. 和其他元素在同一行上
2. 高，行高以及外边距和内边距部分可以改变
3. 宽度只和内容有关
4. 行内元素只能容纳文本或者其他行内元素

图片

内容图片和修饰图片
1.gif------色彩表现少，解析速度快，支持动画，支持透明，是网页中修饰类图片的首选
2.jpg-----色彩表现较多，不支持动图，也不支持透明，是网页中内容图片的首选
3.png——支持透明效果最好

超链接

可以链接不同的网页

通过指定的href来指定要连接的url， 标签内容可以是文本或者图片
用法

点击进入2网页
点击图片进入2网页

锚点的使用

1.定义锚点第三章
2.定义指向该锚点的链接点击查看第三章

未完。。。。。。。。。。。。。。。。。。。。。。。。。。