寒假前端学习day1

2021-01-22

1.对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。UTF-8是针对Unicode的一种可变长度字符编码；它可以用来表示Unicode标准中的任何字符，而且其编码中的第一个字节仍与ASCII相容，使得原来处理ASCII字符的软件无须或只进行少部份修改后，便可继续使用。

有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。

2.添加标题（heading/header）<h></h>

<h1>伊蕾娜小姐赛高！</h1>

通过h后面跟数字来表示各级标题（如同word）。

经过实测，好像只有h1到h6。除此之外的与<p></p>标签无异。（那么 是因为自动识别成p了还是作为无效标签了呢）

3.添加段落（paragraph）<p></p>

<p>伊蕾娜我老婆w</p>

没有p1,p2,p3之类。

所以之前的应该也是视作无效标签了？

发现一件很有意思的事情：

当刻意书写无效标签时，会产生不同的情况。

例如

<1>草，生了出来</1> 的结果为 "<1>草，生了出来"，

<y>草，生了出来</y>的结果为"草，生了出来"，

<1y>草，生了出来</1y> 的结果为 "<1y>草，生了出来"，

<y1>草，生了出来</y1> 的结果为 "草，生了出来"，

甚至再试了一下在标签里输入汉字。

<屑>草，生了出来</屑>的结果为"<屑>草，生了出来"，

<屑aaa>草，生了出来</屑aaa>的结果为"<屑aaa>草，生了出来"，

<aaa屑>草，生了出来</aaa屑>的结果为"草，生了出来"。

可见，无效标识的结果与首字符有关。数字或汉字为首，则会在原先文字的基础上在前面补上  "<无效标签名>" 这样的东西。

具体原因是什么呢？以后想知道了再说吧……

4.添加超链接（href）<a href="https://www.Elaina.com">伊蕾娜卡哇伊</a>

相当于是作用域的一个概念、使得里面的"伊蕾娜卡哇伊"与别的文字不同，它是个超链接。

一开始我以为href会是什么奇奇怪怪的缩写，为什么不直接用"link"这种我会的单词来表示。

查了一下字典才发现不愧是我，四级没过的男人（悲）！

2021-01-23补充

href 是hyper reference的缩写，这样硬核翻译就是超级引用了……

href 超链接

href 超链接

href 超链接

5.添加图片（image）

<img src="/images/logo.png" width="258" height="39" />

src时srceen啊不screen的缩写，啊这，什么意思嘛……又懂了个寂寞。

2021-01-23补充

src是source的缩写。source n.来源；源头；根源；原因

缩写鬼才

可以调整width 和height的顺序，且需要注意要加引号""。

会不会还有别的属性可以调整

希望睡一觉不会忘qaq