吾爱乐享1.什么是html
- html 是用来描述网页的一种语言
- html 指的是超文本标记语言：HyperText Markup Language
- 超文本 就是网页上不仅仅有文本，还有图片、音乐、视频等
- 标记语言是一套标记标签（markup tag） 如：div、span、font等标记
- html 使用标记标签来描述网页
- html 文档包含了html标签和文本内容
- html 文档也叫做 web 页面，是以.html结尾的文件
- html 的主要目的：通过一系列的标记来显示网页不同的效果、不同的部分
2.html发展历史
1993年标签语言第一版>>>>>1995年html2.0>>>>>1996年3.2 w3c推荐标准>>>>>1999年 html4.0.1 w3c推荐标准>>>>2000年xhtml1.0版 w3c推荐标准>>>>>2001年 xhtml1.1 w3c推荐标准（现在在使用的）>>>>>2008 html5 草案发布>>>>> 2014.10 html5正式发布（主要在web端使用，没有完全普遍）
3.html 的核心标记
-
html 的文档结构
<html> //告诉浏览器后面的代码是html代码 <head> //告诉浏览器当前网页如何显示，如编码、关键词、标题 </head> <body> //告诉浏览器这里是主体部分，显示到网页中 </body> </html> //html结束标记
-
html结构详情
<!DOCTYPE html>：声明文档类型，告诉浏览器我的当前页面是哪个版本的html
<html></html>：告诉浏览器，使用的是html的语言
<head></head>：告诉浏览器，这是网页的头部，包括了定义网页的一些内容的标签，如：标题、字符集等
<meta>：就是定义网页字符集、描述、关键词等内容。
如：
<meta charset="utf8" > //字符集：功能是告诉浏览器，如何翻译汉字
<meat name="keywords" content="html,css,jacascript" > //关键词
http-equiv：模拟http协议大文件头原信息，主要目的是服务器向客户端返回时，用什么格式显示
content-type：内容类型
content：详细内容类型介绍
text/html：网页是text格式，html是文本中的小格式
charset：字符集，主要控制汉子如何显示
utf-8：多国家语言编码，什么国家的语言都可以正常显示
<title></title>：当前网页的标题，在网页中是必须的
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题
<body></body>：网页的主体部分，网页中主要内容都要写在body中
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8" >
<title>标题</title>
</head>
<body>
这里是主体部分
</body>
</html>
-
html 的注释
格式：<!–被注释的内容–>
注释规范：
一般注释写在被注释代码的上边或者右边，不能写在下边
写代码必须缩进
-
代码的规范
- html 标记不区分大小写，建议小写。如<font>
- html 标记属性可有可无。有的标记是没有属性的，如：<html>、<head>、<title>等
- 双标签的内容在开始和结束标签之间，单标签没有内容。
- html标签可以相互嵌套，但是一定要注意是顺序嵌套，外层套内层，一层套一层。
-
html 标记分类
单标记：标记只有一个，不是修饰内容的而是显示某个功能的，如果图片，设置编码，设置关键词等
语法：<标记名称 属性=”值1″ 属性=”值2″ />：接收的/可以有可以没有，必须根据开发网站时要求来
例：<img src=”图片在服务器中的地址，盘符/文件夹/文件名” />
<img src=”d:/images/1.png” />
双标记：是修饰内容的标记，有开始有结束标记，中间写要修饰的内容
语法：<标记名称 属性=”值” >被修饰的内容</标记名称>
例：<div>内容</div> <font color=”red”>文本</font>
预览结果：
评论前必须登录！
注册