PHP从入门到精通，002第二章HTML-HTML的介绍&

2018-03-08 本文已影响40人极客研习社

今天笔记是学习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发展历程

HTML发展历程.png

3、W3C介绍

W3C介绍.png

二、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>