HTML--基础知识
HTML基础知识
HTML（Hyper Text Markup）超文本标记语言；
超文本：就是在文字内容的基础上添加的更丰富的图片、视频、音频等内容；
网页的结构
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> </body> </html>
HTML标签
HTML标签分为单标签和双标签；
1.双标签
开始标签和结束标签，内容放在开始标签和结束标签中间，例：
<title>标题内容</title>
2.单标签
只有开始标签，没有内容，单标签后面一定要闭合，例：
<img src="图片地址"/>
<html></html>，告诉浏览器网页的代码用什么格式来解析；
<head></head>，告诉浏览器网页的汉字用什么字符集，使用的字符集不正确就会出现乱码；常用的字符集有”GB2312“简体中文（ANSI）（汉字操作系统默认使用）、”GBK“国标码、UTF-8多国语言；charset="utf-8" 网页所用代码格式，一般常用utf-8；
<title></title>，网站标题，便于网站引擎搜索；
<body></body>，承载网站内容的代码；
HTML标签的属性值一定要用双引号”“引起来；
HTML注释
1.单行注释，用双斜线 “//”，例：
//这是一段注释内容
2.多行注释，用<!---->表示，例：
<!--
这是多行注释内容的第一行 这是多行注释内容的第二行 这是多行注释内容的第三行 -->
<body></body>标签的属性
<body bgcolor="red" text="blue" topmargin="30px" rightmargin="30px" bottommagin="30px" leftmagin="30px"></body>
bgcolor=“red” => 网页背景颜色，
text="blue" => 网页文字颜色，
topmargin="30px" => 网页与浏览器的上边距，
rightmargin="30px" => 网页与浏览器的右边距，
bottommargin="30px" => 网页与浏览器的下边距，
leftmargin="30px" => 网页与浏览器的左边距，
HTML元素，指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
标签又分为块级标签和行内标签
块级标签：独占一行，<h1>... ...<h6>，<P>，<div>
行内标签：不能独占一行，<a>，<span>，<span>
标题标签<h1></h1>，<h1>标题内容</h1>... ...<h6></h6>，标题（自动换行），例：<h1 align="center">标题内容</h1>，属性align的值有left居左、center居中、right居右；
段落标签<p></p> ，块级标签，段落之间自动空行，例：<p align="center">标题内容</p>，属性align的值有left居左（默认）、center居中、right居右；
块级标签<div></div> ，默认占一行；
块级标签<span></span> ，默认用多少占多少；
<meta></meta>标签
描述网页文档属性
http-equiv模拟的是http文件头信息，当内容从服务器端发送客户端，告诉浏览器如何正确显示信息；
name可以设置网页关键字、描述信息等，便于引擎搜索；
①设置字符集
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> //告诉浏览器使用多国语言
charset="gbk" --- 告诉浏览器使用汉字国标码；
charset="gb2312" --- 告诉浏览器使用汉字简体中文；
②网页自动刷新
<meta http-equiv="refresh" content="4" /> //网页间隔4秒自动刷新 <meta http-equiv="refresh" content="4;http://www.baidu.com"/> //网页8秒后自动跳转到百度页面
③网站描述
<meta name="keywords" content="网页关键字"> //设置网页关键字，如果content没有值，说明不想让百度搜到 <meta name="description" content="网站描述内容"> //设置网页的描述信息 <meta name="author" content="网站作者"> //设置网站的作者，一般国内的网站都不屑
路径
“../” 表示上级目录
“..” 表示当前目录
相对路径：从当前页面开始找
绝对路径：从网站的根开始找，“/” 代表网站的根。
