<head>标签
标题标签：<title>
<meta>
作用：通俗点说，meta标签就是用来告诉“搜索蜘蛛”这个页面是干嘛的。
1、meta标签name属性
<head> 
<!--网页关键字-->
<meta name="keywords" content="绿叶学习网"/>
<!--网页描述-->
<meta name="description" content="绿叶学习网是一个富有活力的技术学习网站"/>
<!--本页作者-->
<meta name="author" content="helicopter">
<!--版权声明-->
<meta name="copyright" content="本站所有教程均为原创，版权所有，禁止转载。否则将追究法律责任。"/>
</head>
分支主题
2、meta标签http-equiv属性
定义页面所使用的语言
语法：
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
</head>
说明：
这段代码告诉浏览器该页面所使用的字符集是gb2312，即国际汉字码。只需要了解就行
实现页面的自动刷新跳转
语法：
<head>
<meta http-equiv="refresh" content="6;url=http:/www.baidu.com"/>
</head>

举例：
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="refresh" content="6;url=http://www.baidu.com"/>
</head>
<p>这个页面在6秒之后自动跳转到百度首页</p>
</body>
</html>
<meta>标签对于一般页面制作者来说，实际意义不大，只有在整站设计开发的实战中，我们才会用到非常多的meta标签属性。只需要了解meta标签的基本功能就行了，哪怕代码不会写都没关系，以后不会再回过头来看就行了。
<link>
作用：用于外部文件的链接
语法：
<head>
<link rel="stylesheet" type="text/css" title="tem" href="/temp.css/">
</head>
<style>
<script>
<base>
作用：为整个页面定义所有链接的基础定位，其主要的作用是为了确保文档中所有的相对URL，都可以被分解成正确的文档地址，使在文档本身被移动或重命名的情况下也可以正确解析。
语法：
<head>
<base href="http://lvyestudy"/>
</head>
<base>标签经常使用在创建文档集合中，为了不破坏文档中任何链接，使用者通过在每个文档中放置正确的<base>标签，便可以在目录甚至服务器之间移动整个文档集合。
<body>排版标签
html注释
<!--注释的内容-->
标题标签
<h1>~<h6>
其中<h1>标题的重要性最高，<h6>标题最低。
一般一个页面只能有一个<h1>，而<h2>~<h6>可以有多个。
段落标签<p>
<p>段落内容</p>
换行标签
方法一：采用两个<p>标签
方法二：采用换行标签<br/>
br>用来给文字换行，而<p>标签用来给文字分段。
水平线标签<hr/>
文件格式化标签
粗体标签<b>、推荐<strong>
斜体标签<i>、<cite>、推荐<em>
上标标签<sup>
下标标签<sub>
删除线标签<s>、推荐<del>
下划线标签<u>推荐<ins>
图像标签<img>
<img src="图像URL" />
分支主题
分支主题
标签属性
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href：链接目标的url地址
target：其中self为默认值，blank为在新窗口中打开方式。
1.外部链接 需要添加 http:// www.baidu.com
2.内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a >
3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
内部
name 属性
首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：<a name="tips">基本的注意事项 - 有用的提示</a>
然后，我们在同一个文档中创建指向该锚的链接：<a href="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接：<a href="http://www.baidu.com/html/html_links.asp#tips">有用的提示</a>
外部
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
脚本
<script type="text/javascript" src="example.js"></script>
空链接
<a href="#">这是会跳到页首的</a>
<a href="javascript:void(0)">这个不会跳动</a>
锚点定位
1.使用“a href=”#id名>“链接文本"</a>创建链接文本（被点击的）
<a href="#two"> 
2.使用相应的id名标注跳转目标的位置。
<h3 id="two">第2集</h3>
分支主题
分支主题
base 标签
base 写到 <head> </head> 之间
把所有的连接 都默认添加 target="_blank"
分支主题
分支主题
注释标签
<!-- 注释语句 -->
路径
相对路径
1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如img src="logo.gif" /。
2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如img src="img/img01/logo.gif" /。
3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如img src="../logo.gif" /。
分支主题
绝对路径
“D:\web\img\logo.gif”，
或完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”。
分支主题
分支主题
列表标签
无序列表
<ul>
<li>列表项1</li>
</ul>
有序列表
<ol>
<li></li>
</ol>
自定义列表
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
</dl>
