html 新人入门学习资料
Day1：html
- 1. 表头的（标注格式的做用）
注意：对于中文网页须要使用 <meta charset="utf-8"> 声明编码，不然会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你须要设置为 <meta charset="gbk">。程序员
- 2. <!DOCTYPE html>通常写在网页文件的开头（清除文件中其余html文件的做用）
- 3. 程序自己
A.（基础程序---标题+主题+字体内容）web
<!DOCTYPE html>(清理文件的做用)编程
<html>浏览器
<head>框架
<meta charset="utf-8">（标注网页所在的环境）学习
<title>易趣，在线购物商城</title>（标注文件的标题：如：网页叫什么名字）字体
</head>（外部环境：head来表达出来）ui
<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!
- 1. matlab入门学习资料
- 2. JAVA入门学习资料
- 3. 【学习资料】 python入门 零基础入门 学习资料整理
- 4. 整理学习HTML资料
- 5. 机器学习入门资料
- 6. HTML入门学习-含代码和配套资料
- 7. 深度学习入门资料
- 8. 【OpenCV】入门学习资料汇总
- 9. SLAM学习入门书籍和资料
- 10. Lua学习资料（初级入门）
- 更多相关文章...
- • Memcached入门教程 - NoSQL教程
- • 您已经学习了 XML Schema，下一步学习什么呢？ - XML Schema 教程
- • Tomcat学习笔记（史上最全tomcat学习笔记）
- • YAML 入门教程
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. matlab入门学习资料
- 2. JAVA入门学习资料
- 3. 【学习资料】 python入门 零基础入门 学习资料整理
- 4. 整理学习HTML资料
- 5. 机器学习入门资料
- 6. HTML入门学习-含代码和配套资料
- 7. 深度学习入门资料
- 8. 【OpenCV】入门学习资料汇总
- 9. SLAM学习入门书籍和资料
- 10. Lua学习资料（初级入门）