狂神说HTML
什么是HTML
Hyper Text Markup Language（超文本标记语言) 超文本包括文字、图片、音频、视频、动画等。
- HTML5优势：世界知名浏览器厂商对HTML5的支持、市场的需求、跨平台。
- W3C：万维网联盟，成立于1994年，web技术领域最权威和具影响力的国际中立性技术标准机构
- W3C标准包括：结构化标准语言（HTML、XML）、表现标准语言（CSS）、行为标准（DOM、ECMAScript）
- 常见IDE：记事本、Dreamweaver、IDEA、WedStorm等。
<html>
<head>
<title>我的第一个网页</title><!--头标签-->
</head>
<body>
我的第一个网站<!--主体标签-->
</body>
</html>
head标签代表网页头部
body标签代表网页主体
网页基本信息
注释：
DOCTYPE声明
DOCTYPE是一个文档类型，作用是告诉浏览器，我们要使用什么规范。
head标签代表网页头部
<head>
</head>
body标签代表网页主体
<body>
</body>
title标签
title代表网页标题
<title>网页标题</title>
meta标签
meta是描述性标签，它用来描述我们网站的一些信息。[一般用来做SEO（搜索引擎优化）]
<meta charset="UTF-8">
<meta name="keywords" content="关键词1,关键词2">
<meta name="description" content="描述">
keywords是关键词，description是描述。
网页基本标签
标题标签
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
段落标签
用来分段
<p>中秋节，又称祭月节、月光诞、月夕、秋节、仲秋节、拜月节、月娘节、月亮节、团圆节等，是中国民间传统节日。</p>
<p>中秋节源自天象崇拜，由上古时代秋夕祭月演变而来。中秋节自古便有祭月、赏月、吃月饼、看花灯、赏桂花、饮桂花酒等民俗，流传至今，经久不息。</p>
换行标签
上面的段落标签，换成换行标签 也可以但段落中间间距会小一点
中秋节，又称祭月节、月光诞、月夕、秋节、仲秋节、拜月节、月娘节、月亮节、团圆节等，是中国民间传统节日。<br>
中秋节源自天象崇拜，由上古时代秋夕祭月演变而来。中秋节自古便有祭月、赏月、吃月饼、看花灯、赏桂花、饮桂花酒等民俗，流传至今，经久不息。<br/>
水平线标签
<hr/>
字体样式标签
<!--粗体-->
<strong>粗体标签</strong>
<!--斜体-->
<em>斜体标签</em>
注释和特殊符号
注释：<!--注释-->
特殊符号：
空格：&nbst;
大于：>
小于：<
版权号：©
特殊符号记忆方式：& ;
图像标签
常见图像格式：JPG、GIF、PNG、BMP等。
格式：
<img src="path" alt="text" title="text" width="x" heigjt="y"/>
图像地址 图像的替代文字 鼠标悬停提示文字 图像宽度 图像高度
../代表返回上一级目录，src：图片地址[相对地址（推荐使用）、绝对地址]，alt：图片名字（必填）例：
<img src="../img/01.jpg" alt="图片名字" title="悬停文字" width="300" height="300">
链接标签
格式：
<a href="path" target="目标窗口位置">链接文本或图像</a>
href="path"代表链接路径，例：
<a href="https://www.baidu.com">点击我跳转到百度</a>
<a href="https://www.baidu.com">
<img src="../../img/01.png"alt="婴儿" title="小婴儿" width="328" height="213">
</a> 这是给图片加上链接
target表示窗口在哪里打开（常用值：_self、 _blank）, _blank代表会在新标签中打开， _self在自己的网页中打开。例：
<a href="https://www.baidu.com" target=" _blank">点击我跳转到百度</a>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
超链接
- 页面间链接：从一个页面链接到另一个页面。（如上）
- 锚链接: 回到顶部：1.需要一个锚标记（使用name作为标记） 2.跳转到标记 （也可以命名down跳到底部）
<a name="top">顶部</a>
<a href="#top">回到顶部</a>
可以页面跳转：
<a href="04.html#top">跳转</a>
功能性链接
- 邮件链接：mailto：
<a href="mailto：[email protected]">点击联系我</a>
- QQ链接：搜索QQ推广进入官网，进入界面并登录，点击推广工具，选择样式并填写提示语，复制下面的代码粘贴过来就行。例：
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="欢迎加我" title="欢迎加我"/></a>