HTML5 Day02 知识点总结

1.加粗标签

特征:双标签，不能独占一行，可以使文本加粗。

2.倾斜标签

特征:双标签，不能独占一行，可以是文本倾斜。

3.删除线标签

特征：双标签，不能独占一行，可以给文本添加删除线。常用于网页价格。

4.图片标签（重点）

语法：<img src="图片的路径(相对路径。绝对路径" title="鼠标悬停时显示的文字" alt="图片丢失后显示的文字" width="宽度（单位px) " height="高度" border="边框">

相对路径：

相对比而言【参考物：html文件】

a.图片跟html在同一级文件夹下时【直接写图片的名称即可 or ./图片的名称】

b.图片位于html文件下一级或者下多级文件时【找到和html文件在同一个文件夹下的[images].依次找到图片】

c.图片位于html文件上一级或者上多级文件时【../找到上一级】

绝对路径：

1.直接复制图片的网址

2.复制图片的路径+\图片的名称

5.下划线标签

特征：双标签，不能独占一行，可以给文本加上下划线。

6.特殊符号

® 商标标签

™

7.标签的嵌套

标签里面嵌套标签

例如: <del></del>

8.上下标标签

上标:

下标:

特征:双标签，可以使图片加上上标或者下标，例如23 O2

实例：

代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Document</title>
</head><body><h1>怎么才能心无旁骛地学习？</h1><p>作者：xxx &emsp;&emsp;10,139人赞同了此回答</p><p>当你打王者荣耀/英雄联盟的时候，你几乎一秒钟进入专注的状态，全神贯注，心无旁骛，不受任何干扰，别人和自己说话都听不到</p><h4>当你学习的时候，却经常注意力涣散，学5分钟就想要掏出手机来看一看，学习效果甚微。</h4><h3>为什么打游戏就能心无旁骛，学习就总像心里长了草了呢？有没有一种学习方法<br>就能让学习像打游戏一样吸引人，心无旁骛呢?</h3><img src="https://img2.baidu.com/it/u=2519853997,3314605961&fm=26&fmt=auto&gp=0.jpg" alt="" width="400px"><p>&emsp;&emsp;答主现在就给你介绍一种方法，让你能够像打游戏意义，心无旁骛地学习，效率超高。答主当年也是靠着这种学习方法，高三最终从数学不及格，到高考分数高出一本线100多分，顺利考进985学校的。</p><p>全文3600字，可以先收藏，在阅读，不建议跳读，相信我，读完全文你会从一个新的高度，和一个新的态度来看待学习。</p><h3>一、打游戏的目的是什么？</h3><p>废话，当然是，全军出击，敲碎水晶，赢得胜利了！<br>为了这个目标，你<b>杀人于千里之外，救队友于水火之中</b>，使出浑身解数。</p><img src="data:images/pic2.png" alt=""><p>所以，要想像打游戏一样心无旁骛地学习，<b>秘籍第一步：定义每次学习清晰的目标</b></p><p>类比到学习上，你清楚每次学习的目的吗？还是说，</p><p><b>清晰的标准是什么？——时间、地点、任务具体量化。</b></p><p>今天我要1小时之内，把这5页高数教材，5道例题全部演算一遍；1小时之内，我要把这四篇英语阅读理解题目完成。</p><p></p><h3>二、拔掉水晶之前先拆塔</h3><p>&emsp;&emsp;我清楚地记得，在我第一次打英雄联盟的时候，思维简单地想，既然拔掉水晶就能赢得胜利，为什么不直接去拆水晶呢？于是我的大盖伦挥舞着五尺大刀，就向对方的防御塔“勇往直前！”——被防御塔三下就呲死翘翘了。</p><img src="data:images/pic3.png" alt=""><h4><i>完成目标不是一蹴而就的，都是循序渐进，先完成小目标，拔一座塔，发育，再拆一座塔，如此以往最后才能击碎水晶。</i></h4><p>The same，在学习上，你也要学会将一个大的任务拆分成一个又一个细小的任务，这一点无论在平时的学习还是考试中，都是尤为重要的。</p><p>&emsp;&emsp;回到刚刚你给自己立下的，1小时之内演算5道题的情景中，你可以把一小时拆分成5个12分钟，每12分钟完成一道，就向目标又前进了一步，没有完成也不要影响心情，及时跳到下一道题，最后再回过头来处理顽疾。<p><b>累积学习一小时的目标可能让你感到压力山大，但是分解成每道小题12分钟就很好的弱化了任务的艰巨性。</b></p></p><img src="data:images/pic4.png" alt=""><p>因此，就像拆水晶之前你要先拆塔一样，你也要把你的学习任务拆分成一个又一个的小任务。</p><h3>三、王者荣耀的匹配机制</h3><p>打游戏的时候就一定会心无旁骛吗？我看未必。当我还是一个菜鸟的时候，多少次，我一个青铜渣渣，遇到了对面的白金大神？卧槽？？什么操作，打得我屁股尿流，灰心丧气，败下阵来，诅咒官方3000遍</p><img src="data:images/pic5.png" alt=""><p>后来，我勤加练习，孜孜不倦，终于也成了一名白金大神，官方给我匹配了一个青铜菜鸡对线，我心中暗爽，小子，你也有今天？然鹅，在我单杀他三回以后，我发现地图上再没有了他的踪影——挂机了，对方六分钟草草投降，我赢得了胜利，内心却没有一丝快乐，感觉很无聊。</p><p>&emsp;&emsp;只有什么时候呢？双方势均力敌，你来我往，斗智斗勇，是最刺激的时刻，你穷尽了自己的全部精力与操作，最终赢得了胜利。</p><p> 学习也是这样，你一定要给自己找到合适的任务，高出自己当前能力的10%是最理想的，你走出了自己原本的舒适圈，又是你能够垫垫脚够到的高度。<a href="https://www.zhihu.com/question/324702775/answer/1136516252">查看更多</a></p></body></html>

HTML5 Day02 知识点总结相关推荐

尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p1-p8】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门) p1(22:55) 一.软件的分类: 1.系统软件 -wind ...
HTML5实用知识点
本文讲解HTML5实用知识点新增的表单type Canvas使用 SVG使用 Audio使用 Video使用网页缓存文件缓存后台worker Server-Sent Events 定位拖放功 ...
【温故知新】——HTML5重要知识点复习
前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创. 一.HTML5新特性 -- 十个新特性:凌乱 (1)新的语义标签 (2)增强型表单(表单2.0) (3)音频和视频 (4)C ...
HTML5重要知识点
介绍我是一个ASP.NET MVC的开发者,最近在我找工作的时候被问到很多与HTML5相关的问题和新特性.所以以下40个重要的问题将帮助你复习HTML5相关的知识. 这些问题不是你得到工作的高效解决 ...
HTML5+CSS3知识点-周5.md
HTML5 一.HTML5简介 HTML5是html的最新的标准(版本) 浏览器支持:ie9+对html5新特性部分支持,新的主流浏览器(chrome.火狐\safari) 向前向后兼容,语法变化: ...
【基础html5 基础知识点】(全)
一.新特性 1. Doctype更简单<!DOCTYPE html> 2. 简单的编码类型 <meta charset="utf-8″ /> 3. 大小写都可 ...
html5 css3知识点,HTML5和CSS3知识点总结
1. 首先要分别创建html,img和css3的文件夹.css 2. html和css3的首页放在文件夹外面.还能够创建一个公共css,好比导航和页脚能够放在公共css里面,在每一个页面加上公共css ...
HTML基础重要知识点图文,HTML5基础知识点总结
HTML的标签不区分大小写基础标签: 1,html:定义HTML文档,所有标签都写在内部,网页的内容在其中 2,head:标题,字符格式,语言,兼容性,关键字,描述等信息在其中 3,body:网页需 ...
html5新知识点,Html5基本知识点
FontEnd 前端相关知识第一章,常用标签标题标签 –在HTML中,一共有六级标题 h1-h6 在显示效果上:h1最大,h6最小标签都是语义化标签 6级标题中,h1最重要,h1-h6重要性依次 ...