HTML5 学习笔记
HTML 语法规范基本语法概括所有的标签都必须包含在一个 <> 里,大多数情况下,这些标签都是成对出现的。
1<html></html>
<html> 为开始标签 </html> 结束标签。极少情况下,有些特殊的标签必须是单个标签,例如 <br />,它称之为单标签。
标签关系双标签关系可以分为两类:包含关系和并列关系。
包含关系123<head> <title> </title></head>
简单理解为:head 是爸爸,title 是儿子,包含关系也成为父子关系。
并列关系12<head> </head><body> </body>
简单理解为:他们俩是哥俩,也成为兄弟关系。
HTML 基本结构标签每个网页都有一个结构标签(也称为骨架标签),页面内容也是这些基本标签上书写。HTML 页面也称为 HTML 文档。
标签名
定义
说明
<html></html>
HTML ...
图片优化
前言首先,为什么需要图片优化呢?比如说一个没有经过优化的 200KB 图片放到 Github Pages 上面,然后使用国内网络访问文章网址,就会发现,这个图片的加载速度实在是太慢了,至少需要10几秒的那种,有时候快一点说不定可以不用等这么长时间。所以这个时候就需要一个优化图片的方案了。
截图软件压缩图片好的,这里以 Sinpaste 为例,可以在 Sinpaste 的首选项中将图片质量改为30。
第一步:
第二步:
这样的话就可以保证图片的大小不会特别大,然后需要注意的是:截图面积尽可能更小一些,如果截图面积太大的话体积也会随之增多,不利于图片加载。如果是要部署到 Github Pages 的话建议图片大小为20KB以下,最好是10KB,保持这个大小的图片加载速度会很快。
如果图片体积不得不超出20KB的范围,那就需要让图片体积变小,图片体积变小有两种方式,第一种:图片转换,第二种:有损压缩。
图片降低分辨率电脑自带的画图软件可以帮助图片减少分辨率,不需要其他网站工具的帮助也可以轻松实现这一点。首先找到一张图片,然后右键点击这张图片,选择打开方式选项中的画图。
然后点击重新调整 ...
Markdown 学习笔记
标题Markdown 的标题和 Word 里面的标题类似,一共有六级
123456# 标题一## 标题二### 标题三#### 标题四##### 标题五###### 标题六
引用引用是使用 > 符号表示
1> 这是一段引用
实例:
这是一段引用
也可以重复嵌套,比如
123> 第一段引用> > 第二段引用> > > 第三段引用
实例就不展示了,有损网站形象
列表Markdown 的有序列表和无序列表可以直接像 Word 那样回车换行
有序列表有序列表直接输入数字即可
1231.有序列表一2.有序列表二3.有序列表三
无序列表无序列表可以使用使用 - 、+、* 。不建议使用 * 。
123456- 无序列表一- 无序列表二+ 无序列表三+ 无序列表四* 无序列表五* 无序列表六
实例:
有序列表
无序列表
任务列表任务列表的格式是 - [ ]
123- [ ] 任务列表一- [ ] 任务列表二- [ ] 任务列表三
实例:
任务列表一
任务列表二
任务列表三
任务列表的框框是可以被勾选的,也可以在编写 ...
测试文章
前言这是一篇测试文章,用于测试页面部署是否成功,如果你看到了这个内容,那说明部署已经成功(我就是想水一篇文章)
结语没什么可说的了,拜拜( ̄︶ ̄*))