07-html标签图文详解（二）
本文主要内容
列表标签：<ul>、<ol>、<dl>
表格标签：<table>
框架标签及内嵌框架<iframe>
表单标签：<form>
多媒体标签
滚动字幕标签：<marquee>
列表标签列表标签分为三种。
1、无序列表<ul>，无序列表中的每一项是<li>英文单词解释如下：
ul：unordered list，“无序列表”的意思。
li：list item，“列表项”的意思。
例如：
12345<ul> <li>默认1</li> <li>默认2</li> <li>默认3</li></ul>
效果：
注意：
li不能单独存在，必须包裹在ul里面；反过来说，ul的“儿子”不能是别的东西，只能有li。
我们这里再次强调，ul的作用，并不是给文字增加小圆点的，而是增加无序列表的“语义”的。
属性：
type="属性值"。属性值可以选： disc(实心 ...
05-HTML标签：字体标签和超链接
本文主要内容字体标签： <font>、 <b>、 <u> 、<sup> 、<sub>
超链接 <a>
字体标签特殊字符（转义字符）
：空格 （non-breaking spacing，不断打空格）
<：小于号（less than）
>：大于号（greater than）
&：符号&
"：双引号
'：单引号
©：版权©
™：商标™
绐：文字绐。其实，#32464是汉字绐的unicode编码。
比如说，你想把<p>作为一个文本在页面上显示，直接写<p>是肯定不行的，因为这代表的是一个段落标签，所以这里需要用到转义字符。应该这么写：
1这是一个HTML语言的<p>标签
正确的效果如下：
错误的效果如下：
其实我们只要记住前三个符号就行了，其他的在需要的时候查一下就行了。而且，EditPlus软 ...
GitHub的使用
GitHub的使用GitHub添加wiki参考链接：
https://juejin.im/post/5a3216c8f265da43333e6b54
GitHub项目添加 license参考链接：
https://blog.csdn.net/qq_35246620/article/details/77647234
GitHub 引用图片的另一种方式参考链接：
关于markdown文件插入图片遇到的小问题和解决办法
04-HTML标签：排版标签
本文主要内容排版标签：
<h1>
<p>
<hr />
<br />
<div>
<span>
<center>
<pre>
下面来详细介绍一下排版标签。
标题标签标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题，<h6>定义最小的标题。具有align属性，属性值可以是：left、center、right。
代码举例：
12345678910111213141516<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> < ...
WebStorm的使用
WebStorm的简单设置1、主题修改：可能大家会觉得软件的界面不太好看，我们可以换一下主题。选择菜单栏“File–settings–appearance–theme”，主题选择 Dracula：
2、导入第三方主题：系统提供的两种主题可能都不太好看，我们可以进入网站http://color-themes.com/来获取第三方主题，这里推荐两个主题，大家二选一即可：
Sublime
Material
上图中，在网站http://color-themes.com/中将主题下载之后，是一个jar包。那怎么导入到WebStorm呢？
别着急，回到WebStorm，选择菜单栏“ File-Import Settings”，将下载好的jar包导入即可。
3、代码字体修改：选择菜单栏“File–settings–Editor–Font”：
上图中，点击红框部分，然后弹出如下界面：
我们在上图中修改代码的字体。
修改完之后发现 WebStorm 的一些默认字体（比如侧边栏的工程目录的字体）并没有发生变化，如果想改的话，也可以改（我个人一般是不改的）。
4、关闭更新：如下图所示：
...
VS Code的使用积累
常见配置自动保存：
1"files.autoSave": "onFocusChange"
参考链接：https://blog.csdn.net/WestLonly/article/details/78048049
在新的窗口中打开文件：
1"workbench.editor.enablePreview": false,
常见操作如何查看代码结构
方法一：「Cmd + Shift + O」
方法二：安装插件Code Outline
参考链接：https://www.zhihu.com/question/264045094
在本地开启服务器12345# 安装npm install -g live-server# 启动live-server
参考链接：Visual Studio Code + live-server编辑和浏览HTML网页
常用插件方式一：打开VS Code，左侧有五个按钮，点击最下方的按钮，然后就可以开始安装相应的插件了。
方式二：在vscode中输入快捷键「ctrl+shift+P」，弹出指令窗口，输入extension ...
初识HTML
编辑器相关前端开发的编辑器软件，我首先推荐 VS Code，其次推荐Sublime Text。
有人说 WebStorm 也不错？但真实情况是，自从VS Code 问世之后，用 WebStorm 的人越来越少了。
PS：文件的后缀名不能决定文件格式，只能决定打开文件打开的方式。
VS Code 的使用详情请移步至：第一次使用VS Code时你应该知道的一切配置
HTML的概述HTML的概念HTML 全称为 HyperText Markup Language，译为超文本标记语言。
HTML 不是一种编程语言，是一种描述性的标记语言。
作用：HTML是负责描述文档语义的语言。
概念：超文本所谓的超文本，有两层含义：
（1）图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。
（2）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。
概念：标记语言HTML 不是一种编程语言，是一种描述性的标记语言。这主要有两层含义：
（1）标记语言是一套标记标签。比如：标签<a>表示超链接、标签<img>表示图片、标 ...
浏览器的介绍
常见的浏览器浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。如下图所示：
我们重点需要学习的是 Chrome 浏览器。
浏览器的市场占有份额浏览器的市场占有份额：https://tongji.baidu.com/research/site?source=index#browser
上面这张图的统计时间是2020年2月。
浏览器的组成浏览器分成两部分：
1、渲染引擎（即：浏览器内核）
2、JS 引擎
1、渲染引擎（浏览器内核）浏览器所采用的「渲染引擎」也称之为「浏览器内核」，用来解析 HTML与CSS。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。
渲染引擎是浏览器兼容性问题出现的根本原因。
渲染引擎的英文叫做 Rendering Engine。通俗来说，它的作用就是：读取网页内容，计算网页的显示方式并显示在页面上。
常见浏览器的内核如下：
浏览器
内核
chrome
Blink
欧鹏
Blink
360安全浏览器
Blink
360极速浏览器
Blink
...
Mac安装和配置iTerm2
参考链接
iTerm2 + Oh My Zsh 打造舒适终端体验
安装oh my zsh失败：curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused
认识Web和Web标准
Web、网页、浏览器WebWeb（World Wide Web）即全球广域网，也称为万维网。
我们常说的Web端就是网页端。
网页网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。
我们在浏览器上输入网址后，打开的任何一个页面，都是属于网页。
浏览器浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。
关于浏览器的详细介绍，可以看下一篇文章：《浏览器的介绍》
Web标准W3C组织W3C：万维网联盟组织，用来制定web标准的机构（组织）。
W3C 万维网联盟是国际最著名的标准化组织。1994年成立后，至今已发布近百项相关万维网的标准，对万维网发展做出了杰出的贡献。
W3C 组织就类似于现实世界中的联合国。
为什么要遵循WEB标准呢？因为很多浏览器的浏览器内核不同，导致页面解析出来的效果可能会有差异，给开发者增加无谓的工作量。因此需要指定统一的标准。
Web 标准Web标准：制作网页要遵循的规范。
Web标准不是某一个标准，而是由W3C ...
