php学习之初识html

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 的注释

格式：<!–被注释的内容–>

注释规范：

一般注释写在被注释代码的上边或者右边，不能写在下边

         写代码必须缩进

• 代码的规范

1. html 标记不区分大小写，建议小写。如<font>
2. html 标记属性可有可无。有的标记是没有属性的，如：<html>、<head>、<title>等
3. 双标签的内容在开始和结束标签之间，单标签没有内容。
4. html标签可以相互嵌套，但是一定要注意是顺序嵌套，外层套内层，一层套一层。

• html 标记分类

单标记：标记只有一个，不是修饰内容的而是显示某个功能的，如果图片，设置编码，设置关键词等

语法：<标记名称 属性=”值1″ 属性=”值2″ />：接收的/可以有可以没有，必须根据开发网站时要求来

例：<img src=”图片在服务器中的地址，盘符/文件夹/文件名” />

<img src=”d:/images/1.png” />

双标记：是修饰内容的标记，有开始有结束标记，中间写要修饰的内容

语法：<标记名称 属性=”值” >被修饰的内容</标记名称>

例：<div>内容</div>   <font color=”red”>文本</font>