什么是HTML5
HTML即超文本标记语言，是一种用来制作超文本文档的简单标记语言，也是制作网页的最基本的语言，它可以直接由浏览器执行。
1.HTML 是用来描述网页的一种语言
2.HTML 指的是超文本标记语言
3.HTML 不是一种编程语言
4.标记语言是一套标记标签
5.HTML 使用标记标签来描述网页
6.HTML 文档包含了HTML标签及文本内容
7.HTML 文档也叫做web页面
HTML常用的标签
<标签>内容<标签>
-文档标记
-头部标记
-主体标记
网页的机构
简书
文档标记的语法
<!DOCTYPE>
声明了文档的类型，有助于浏览器中正确显示网页，所有的浏览器都支持<!DOCTPYE>声明。
始终向HTML文档中添加<!DOCTYPE>声明，这样浏览器才能获知文档类型
头部标记（<head>...</head>）
包含文档的标题信息，头部标记都不可缺少。
主体标记（<body>...</body>）
包含了文档的内容
中文网页需要使用<meta charset = "utf-8">声明编码，否则会出现乱码
HTML标签总结
<img>标签
图片大小
`
<img width = "" height = "">
添加图片
<img src= "图片路径" alt=""> (alt :如果无法显示图像，浏览器将显示替代文本)
HTML文字排版标记
<p></p>
段落标记，用于表示一个段落
<p>
港媒称，据了解情况的科学家和学术权威们说，中国正在建造世界上最大的量子研究设施，以开发量子计算机和其他“革命性”技术，供军队破解密码并用于隐形潜艇。
</p>
换行标记，用于段落内部的转换
注意：该标记是自我闭合标记（意思是只用它一个标签就可以了）
<h1>~<h6>
标题标记，显示文档内容的标题，一共6级标题
<h1>这是一个一级标题</h1>
<ul></ul>
无序列表标记
用法
<ul>
<li>标签1</li>
<li>标签2</li>
<li>标签3</li>
</ul>
简书
<ol></ol>
用法同上
<li></li>
如上图
<b></b>或者<strong></strong>
字体加粗
<i></i>或者<em></em>
文本倾斜
<hr />
水平线
<div></div>块级元素
1.总是在新行上开始，占据一行
2.高度，行高以及外边距和内边距都可以控制
3.宽带始终是与浏览器的宽度一样，与内容无关
4.它可以容纳行内（内联）元素和其他块元素。
<span></span>行内元素
- 和其他元素在同一行上
- 高，行高以及外边距和内边距部分可以改变
- 宽度只和内容有关
- 行内元素只能容纳文本或者其他行内元素
图片
内容图片和修饰图片
1.gif------色彩表现少，解析速度快，支持动画，支持透明，是网页中修饰类图片的首选
2.jpg-----色彩表现较多，不支持动图，也不支持透明，是网页中内容图片的首选
3.png——支持透明效果最好
超链接
可以链接不同的网页
<a></a>
通过指定的href来指定要连接的url， 标签内容可以是文本或者图片
用法
<a href = "2.html">点击进入2网页</a>
<a href = "2.html"><img src = "two.jpg" /></a>点击图片进入2网页
锚点的使用
1.定义锚点<a id = "zj">第三章</a>
2.定义指向该锚点的链接<a href = "# zj">点击查看第三章<a>
未完。。。。。。。。。。。。。。。。。。。。。。。。。。
网友评论