今天笔记是学习2017泰牛PHP基础班DAY01视频教程的笔记!今天开始学习第二章HTML,本节内容:HTML的介绍!
第二章 HTML
一、HTML介绍
1、什么是HTML
HTML,是用来描述网页的一种语言
HTML,超文本标记语言,HyperText Markup Language
超文本就是网页上不光有文本,还有图片、音乐、视频等
标记语言是一套标记标签(markup tag)
HTML,使用标记标签来描述网页
HTML,文档包含了HTML标签及文本内容
HTML文档也叫做WEB页面,是以 .html 结尾的文件
HTML的主要目的:通过一系列的标记,来显示网页的不同效果、不同部分。
2、HTML发展历程
3、W3C介绍
二、HTML核心标记
1、HTML的文档结构
(1)文档结构
<html> //告诉浏览器后面的代码是html代码
<head> //告诉浏览器当前网页如何显示,如编码、关键词...
<meta charset="UTF-8" /> <!--设置当前网页的显示编码-->
<title>网页标题</title> <!--当前网页的标题-->
</head>
<body> //告诉浏览器这里是主体部分,显示到网页中
这里是网页的主体
</body>
</html> //html结束
(2)文档结构说明
- <!DOCTYPE html> //声明文档类型,告诉浏览器我的当前页面是哪个版本的HTML。
- <html></html> //告诉浏览器,其中的代码用什么格式
- <head></head> //告诉浏览器,这是网页的头部,包括了定义网页的一些内容的标签,如:标题、字符集等
- <meta> //就是定义网页字符集、描述、关键词等内容的
如:<meta charset="utf-8" > //字符集,功能:告诉浏览器,如何翻译汉字。
<meta name="keywords" content="html,css,javascript" > //关键词
http-equiv; //模拟http协议的文件头原信息,主要目的是服务器向客户端返回时,用什么格式显示。
content-type; //内容类型。
text/html; //网页是text格式,html是文本中的小格式。
charset; //字符集,主要控制汉字如何显示。
utf-8; //多国语言编码,什么国家的语言都可以正常显示。 - <title></title>;当前网页的标题,在网页中是必须的
定义浏览器工具栏中的标题
提供页面被添加到收藏夹的标题
显示在搜索引擎结果中的页面标题 - <body></body>; //网页的主体部分,网页中主要内容都要写到body里。
2、HTML的注释
- 写法:”
</!--注释内容-->
;去掉反斜杠 - 两个位置:当前语句的上面 //解释的是下面的一条语句或多条语句
或者右面 - 写代码必须缩进;
3、代码的规范
- html标记不区分大小写,建议小写。如:<font>、<Font>、<fOnt>
- html标记属性可有可无,有的标记是没有属性的,如<html>、<head>、<title>等
- 双标签的内容在开始和结束标签之间,单标签没有内容
- html标签可以相互嵌套,但一定注意是顺序嵌套,外层套内层,一层套一层
4、HTML标记分类
- 单标记
- 标记只有一个,不是修饰内容的而是显示某个功能的,如:图片、设置编码、设置关键词等
- 语法:<标记名称 属性=“值” 属性2=“值2” /> //可以是单引号也可以是双引号;结束的斜杠/可以有也可以没有,必须根据开发网站时要求来
- 例:<img src="图片在服务器中的地址,盘符/文件夹/文件名" />
- 双标记
- 修饰内容的标记,有开始有结束标记,中间写要修饰的内容
- 语法:<标记名称 属性=“值”>要修饰的内容</标记名称>
- 例:<div>内容</div> <font color="red">文本</font>