受疫情影响，闲来无事，在家中自学html。事实证明我是对的，这是一门好入手的标识语言，上手快，易见成效，是web前端开发的三大基础之一。其实是比较适合我这种没耐心的人= =
首先，我在菜鸟教程上学习完基础知识点，计划后期通过小破站将知识串联起来，尝试自己做一些拥有自己想法的静态页面练练手。
下面是菜鸟教程上的目录和我目前的学习进度：
下面是我的一些学习心得：
（1）HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.
<h1>到<h6>是六级标题，最多六级，一级标题最大
<p></p>为段落
（2）<a> </a>为链接
不定义target属性，则默认会在原窗口打开
例如：<a href="http://www.runoob.com">这是一个链接,此处为文本说明</a>
target属性
使用 target 属性，你可以定义被链接的文档在何处显示。
有 4 个保留的目标名称用作特殊的文档重定向操作： _blank _self _parent _top
若将 target 设置为 _blank 浏览器总在一个新打开、未命名的窗口中载入目标文档。 即链接将在新窗口打开。
下面的这行会在新窗口打开文档：
<a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
若将 target 设置为 _top 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
（3）<br>为换行 （<br>为空元素）
不管所用浏览器标签是否闭合和是否分辨大小写，
都要在使用标签的时候闭合，标签写法用小写，养成好习惯
对于空元素，没有内容的HTML元素就被成为空元素
空元素是在开始标签中关闭的，例如：<br>就是没有关闭标签的空元素
在开始标签中加上“/" 例如：<br/>,是关闭空元素的最好方法，即便不加"/'也可以识别，但是要养成好习惯
(此后，本文会对为空元素的标签进行说明，未说明的均不是空元素）
（4）属性一般描述于开始标签。
属性总是以名称/值对的形式出现，比如：name="value"
比如：<a href="http://www.runoob.com">这是一个链接</a> 该链接的地址在 href 属性中指定
属性值应该始终被包括在引号内，双引号是最常用的，单引号也可。但是，当属性值本身就带有双引号时，那就必须使用单引号
比如：name='John "ShotGun" Nelson'
（5）<hr>标签为HTML创建水平线，可用来分隔内容 （<hr>为空元素，记住写成<hr/>）
（6）<!--注释内容--> 左尖括号开始,一个感叹号"!"跟两个减号"--"。然后写入注释内容。后面跟两个减号"--",以右尖括号结束
（7）文本格式化标签
<b></b>是加粗 <i></i>是斜体
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
<strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。
现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。
注意：文本格式化标签对HTML标题也是有效的
（8）<pre> </pre> 预格式文本 即可以空行和空格进行控制，保留源代码的文本格式，原样输出
（9）<abbr></abbr>缩略词 在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。
用法：<abbr title="abcd"> addaad</abbr>
会显示addaad，但是把鼠标移至缩略词时，可以显示title里的abcd
（<acronym>跟<abrr>本质上区别不大，现在用<abbr>更多）
（10）<bdo>定义文本方向 ltr 是英文 left to right 的首字母缩写，从左到右。 rtl 从右到左。
用法：
<bdo dir="ltr">该段落文字从右到左显示。</bdo> 显示为： 该段落文字从左到右显示。
<bdo dir="rtl">该段落文字从右到左显示。</bdo> 显示为： 。示显友到左从字文落段该
（11）<q></q> 定义短的引用语 即首尾加入引号
<blockquote> 标签定义摘自另一个源的块引用，是定义长引用
浏览器通常会对 <blockquote> 元素进行缩进，但是没有引号。
提示：如果标记是不需要段落分隔的短引用，请使用 <q>。
（12）<del> 和 <ins> 一起使用，描述文档中的更新和修正。
浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线。
（13）<id>书签
在HTML文档中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：
<a href="#tips">访问有用的提示部分</a>
链接前面是id名加上"#"
（14）<head> 元素包含了所有的头部标签元素。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<title> 在 HTML/XHTML 文档中是必须的
1.定义了浏览器工具栏的标题
2.当网页添加到收藏夹时，显示在收藏夹中的标题
3.显示在搜索引擎结果页面的标题
（15）<base>标签描述了基本的链接地址/链接目标 ，规定页面上所有链接的默认 URL 和默认目标
例如：
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<base href="//www.runoob.com/images/" target="_blank">
</head>
<body>
<img src="logo.png"> - 注意这里我们设置了图片的相对地址。所以该图片的访问地址为 "http://www.runoob.com/images/logo.png"
</body>
即<a>可以从<base>标签指定的目录为基础开始写，会简短很多
<base>标签是针对所有的<a>标签起作用
如<base>标签和<a>标签都有target属性，那么遵循就近原则，最终效果取决于<a>标签中的属性。
在一个文档中，最多能使用一个 <base> 元素。
请把 <base> 标签排在 <head> 元素中第一个元素的位置，这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。
如果使用了 <base> 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备。
（16）<meta>标签通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。
元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词keywords），或其他 Web 服务调用。
CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.
CSS 可以通过以下方式添加到HTML中:
1.内联样式- 在HTML元素中使用"style" 属性
2.内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
3.外部引用 - 使用外部 CSS 文件
最好的方式是通过外部引用CSS文件
（17）HTML<img>标签中的alt属性
alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像
1.网速太慢
2.src 属性中的错误
3.浏览器禁用图像
4.用户使用的是屏幕阅读器
alt 属性可以为图像提供替代的信息
（18）<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。
也许是自己还不够坚定，不够理智
也许自己到了瓶颈期，学习也感觉有点停滞不前，难有突破
怎么说呢，至少也是最能读懂我的
可能自己需要学学牛顿，该把自己藏起来一段时间了
Don't let anyone rush you with their timelines.
4590
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
