Day1：
- 1. 表头的（标注格式的作用）
注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
- 2. <!DOCTYPE html>一般写在网页文件的开头（清除文件中其他html文件的作用）
- 3. 程序本身
A.（基础程序---标题+主题+字体内容）
<!DOCTYPE html>(清理文件的作用)
<html>
<head>
<meta charset="utf-8">（标注网页所在的环境）
<title>易趣，在线购物商城</title>（标注文件的标题：如：网页叫什么名字）
</head>（外部环境：head来表达出来）
<body>
<h1>这是一个标题</h1>（页面显示的大标题）
<P1>这是我的第一个段落</P1>（页面显示的段落内容）
</body>(内部环境：内部标题性的表达)
</html>
注意：一般主页的结构就是按照模板（html大框架+网页配置网页名称+网页内部文字段落格式），更改一般在body中更改。
特殊的内部段落的格式排版 ：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>心灵鸡汤</title>
</head>
<body>
<h1>哪些老板常给员工说的哪些话</h1>
<P1>有句话说，钱是人的胆。</P1>
<h1>哪些老师常给员工说的哪些话</h1>
<P1>好好好学习的带我</P1>
<h1>哪些老板常给员工说的哪些话</h1>
<P1>有句话说，钱是人的胆。</P1>
<h1>哪些老师常给员工说的哪些话</h1>（加链接时相当于另起段落，可点击标题）
<P1>好好好学习的带我</P1>（两个 p1属于是同行的加内容）
</body>
</html>
显示的效果：
如下图所示
但是在更改它的内部信息时，这个框架未加任何的格式修饰做出来的 html文件
<h1> 定义最大的标题。 <h6> 定义最小的标题。
B.程序 +链接链接
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>心灵鸡汤</title>
</head>
<body>
<h1>哪些老板常给员工说的哪些话</h1>
<P1>有句话说，钱是人的胆。</P1>
<h1>
<a href="http://www.baidu.com">百度一下，您就知道</a>（字体中含链接）
</h1>
</body>
</html>
C.程序+图片外联链接综合形式
<!DOCTYPE html>
<html>
<head>
<mate charset="utf-8">
<title>重庆白底黑字的数据分析兼得数据</title>
</head>
<body>
<h4>我们都是一个数据中的一部分</h4>
<p2>比如我们每个人都在数据中直接，处理我们日常的数据，进行
每天的相应的工作总结上的付出</p2>
<strong>所以我们要过好我们每一天</strong>（加粗内部书写的字体）
<a href="http://www.baidu.com">如果你不懂可以点击学习</a>
<img src="C:/Users/pc/Desktop/logo.jpg"width="258" height="335"/>
（图片必须是本级的链接图片，一般不知道图片地址的时候，鼠标右键属性，查看位置，“/”可以更改，图片本身不需要加.jpg等格式属性。）
</body>
</html>
Day2
知识点：
1.<br>换行的使用：可以穿插在段落及标题甚至是完整编程的整句/段截断-----主要的作用换行。
2.<a href=http://www.baidu.com> 点击 </a>
延伸出<a>链接 </a>的作用。
- 4. 标签定义<hr />水平线下面+水平线
5. <!-- 这是一个注释 -->这是一个注释 一般浏览器中不会显示，但是作为一个代码程序员解释的作用。
例如：
<!DOCTYPE html>
<html>
<head>
<mate charset="utf-8">
<title>重庆白底黑字的数据分析兼得数据</title>
</head>
<body>
<h4>我们都是一个<br>数据中的一部分</h4>
<p2>比如我们每个人都在<br>数据中直接，处理我们日<br>常的数据，进行
每天的相应<br>的工作总结上的付出</p2>
<br>
<strong>所以我们要过好<br>我们每一天</strong>
<a href="http://www.baidu.com">如果你不懂可以点击学习</a>
<br>
<img src="C:/Users/pc/Desktop/logo.jpg"width="258" height="335"/>
<br>
</body>
</html>
6.<b></b>知识点的将字体加粗
7. <i>斜体文本</i>
8. 这是 <sub> 下标</sub> 和 <sup> 上标</sup>
9.<mate>元素
及<hesd>元素之内，编辑的主要内容属于网页的主要内容，网页的数据地址/编写环境/编写的编写人等信息
如：
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="免费 Web & 编程 教程">
定义网页作者:
<meta name="author" content="Runoob">
每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30">
10.直接跳转到另外的页面及网页内部存储图片功能
<base>
<base href="http://www.baidu.com//images/" target="_blank">
它会把图片保存到网页形式，就不太需要- 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 http://www.baidu.com/images/logo.pngbaidu.com - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。
<p><img src="logo.png" > - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.runoob.com/images/logo.png"</p>
<p><a href="http://www.runoob.com/">runoob.com</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p>
综合功能描述：
<!DOCTYPE tml>
<html>
<head>
<mate charset="utf-8">
<title>远离你身边的中国式“好人”</title>
<base herf="http://www.baidu.com//images/" target="_blank">
</head>
<body>
<i>阿何有话说</i>
<br>
<br>
<h1>远离你身边的中国式“好人”</h1>
<p>有人总结了中国式的八大宽容：
大过年的、人都死了、来都来了、都不容易、还是孩子、岁数大了、为了你好、习惯就好。
有这样一类人，他们永远置身事外，却永远喜欢指指点点。
他们不顾事实地偏袒弱者，以近乎病态的宽容来满足自身的道德优越感。
他们习惯称自己为心怀宽广的“好人”，实则是最可怕的一群人。
01
知乎网友“汣是我”曾分享过她遇到过的一件事。
有一次，她在中午11点的时候点了外卖，是附近的一家沙拉。
那时候的她很忙，几乎没有时间去吃午饭，如果外卖超过12点15分送到，她就一口都吃不上了。
所以她每次都会提前下单、各种备注。
结果那天，外卖小哥一开始打电话说“要到了要到了，先给你点送达”，说完就失联了，1点15分都没有送到。
她打电话过去问，外卖小哥说：“旁边还有几栋楼，送完到你。”
她说不要了，退单。外卖小哥说：“不行，都快到了，你体谅一下。”
她气愤地说：“体谅什么？都要饿得胃痛了，而且沙拉晒了那么久还能吃吗？”
外卖小哥说：“你这人太不友好了，我们送餐容易吗？”
她说：“我工作就容易了？”之后就被外卖小哥挂了电话。
因为实在郁闷，她在微博上吐槽了这件事，结果被一群网友狂撕：
“随便投诉别人，害别人罚款扣钱，你说你是不是贱？”
“送餐不容易，宽容点好，你这么狭隘小心日后婚姻生活。”
“一看就知道她没有家人！”
......
对于那些触犯我们底线的行为，我们当然有权利生气、维权。
然而中国式“好人”，却总是奉劝别人要宽容、要善良，要以和为贵。
郭德纲说过一句话：
“不明白任何情况就劝你一定要大度的人，你要离他远一点。因为雷劈他的时候会连累到你。”
你根本就不了解我经历过什么，就站在道德高地上评判我，谁给你的资格？</P>
<br>
<br>
<p><img src="logo.jpg"><br><br><br> <strong>你根本就不了解我经历过什么，就站在道德高地上评判我，谁给你的资格？</strong> </p>
<br>
<hr/>
<br>
<br>
<p><a href="https://mp.weixin.qq.com/s/NLPXqCvM_AxifCkbpo5Msw/">阅读更多原文</a> 赶快点击</p>
</body>
</html>
Day 3.
| 标签 |
描述 |
| 定义粗体文本 |
|
| 定义着重文字 |
|
| 定义斜体字 |
|
| 定义小号字 |
|
| 定义加重语气 |
|
| 定义下标字 |
|
| 定义上标字 |
|
| 定义插入字 |
|
| 定义删除字 |
<em>强调文本</em>
显示效果：强调文本
<small> Copyright 1999-2050 by Refsnes Data.</small>
显示效果：
runoob.com - the world's largest web development site.
Copyright 1999-2050 by Refsnes Data.（显示出的效果，比上一段文字字体小）
<p>这个文本包含 <sub>下标</sub>文本。</p>
<p>这个文本包含 <sup>上标</sup> 文本。</p>
显示效果：
这个文本包含 下标文本。
这个文本包含 上标 文本。
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
显示效果：
My favorite color is blue red!