HTML Learning
经历了暑假4天5夜的颓废(包括每天睡过早饭)以后,FPO终于开始学习了,首先先捞一捞HTML。
这里汇总一下HTML的标签abbreviation和full name。href=hyper reference
src=source
br=break
hr=horizontal rule
sub=subscript
sup=superscript
kbd=keyboard
teletype
bdo=bidirectional algorithm
a=anchor
2018.7.17
1、 首先质疑了一下<!DOCTYPE HTML>
作为头文件的想法,后来发现不太对,好像是标记Balabala…
2、 然后质疑了一下a href和img src里的href和src谁什么意思,FPO的英文拼写水平和别人判若云泥。
3、 中途去捣鼓了一下MD文档,已经7.18了……睡了睡了,毕竟还要云南支教~
2018.7.18
1、 由于编辑HTML语言的时候都是闭合的标签,标签之间的空格\0
和换行\n
都是被当作无效处理的。学习到了<br>
是相关命令,一个标签头就做到了换行,一个闭合的标签是空行,好像debug的时候还遇到了一个标签头加标签尾的<换行,而遇到完整的标签尾<>是换两行,又是一门玄学。
2、 看到标签的属性设置,又让我想起了古老的Visual Basic。C语言没有写过相关的属性…可能是我还没有学C大程吧。HTML的属性是写在开始标签里的。
3、 img标签在HTML里好像不用闭合。这tm可太方便了。不过细细想象,其他标签闭合的中间就是要在page上显示出来的东西,但是img标签要显示的东西就是属性的一部分,URL or path…哈哈哈所以不用闭合也是理所当然的?笑 :)
4、 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br>
就是没有关闭标签的空元素(<br>
标签定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。在开始标签中添加斜杠,比如 <br />
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。即使 <br>
在所有浏览器中都是有效的,但使用<br />
其实是更长远的保障。
5、 <h1 align="center">
拥有关于对齐方式的附加信息,此处为居中。后来发现<h1 align="middle"> 拥有关于对齐方式的附加信息。
也可以居中。
6、 属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号name='Bill "HelloWorld" Gates'
7、 对于上面的<br/>
相关的代码段落写作好像有点问题,现在回想起来脑子里面已经有点乱了,这样说吧<br/>
是换一行,如果要空行的话,就要连续用两个<br/><br/>
才行,好了就这行吧,FPO懒得改动了。两个<p>
标签内会自动空一行,注意,是空一行不是折行。
2018.7.23
1、 今天是尼古拉斯不在的第一天,我很想他,但是当FPO今天重新pick了HTML,知道了FPO之前学的标签和属性都是在HTML4里的,在未来的HTML和XHTML是要被废除的(Deprecated)。它们包括:<center>
<font>
<basefont>
<s>
<strike>
<u>
align
bgcolor
color
。这些最好用style属性代替。style属性用于改变样式。
2018.7.31
1、 今天是七月的尾巴,七月流火,笑)
2018.8.2
好的,现在我们都把这些东西放在style下面,那么是怎么实现的呢?style="background-color:yellow"
style="font-family:arial;color:red;font-size:20px;"
style="text-align:center"
2018.8.3
1、 哇,发现文本的格式化好多代码要记啊,这个我觉得应该是不能靠强记的,应该是边用边记的,那么就发一下网址吧http://www.w3school.com.cn/html/html_formatting.asp
2、 在这里看到了上标和下标的方法,想到了排列组合里面的上面数字要怎么办呢?一个上标和一个下标总是会有先后的,那么只能调整在后面的那个的style="margin-left"=-xpx
经过试验发现 x=8 时对得最齐,但是我感觉应该有其他的办法,先挖个坑。
3、 blockquote的cite属性好像没什么用,但是可以被搜索引擎抓取。
4、 define的三种属性值的区别是…???
2018.8.4
1、 注释里面还有条件注释<!--[if IE 8]>.... some HTML here ....<![endif]-->
看起来很粗暴,但是是怎么判断IE8呢,这是个玄学吧。条件注释定义只有 Internet Explorer 执行的 HTML 标签。
2、 没有下划线的链接style="text-decoration:none"
。
3、 Meta标签感觉全程好像很魔性,自我第一感觉是media和data但是显然不对。这里可以参考傻瓜不傻的博客
4、 重定向很酷,大概很多XX网页的重定向就是1ms吧,所以会弹出很多广告。
2018.8.5
1、 今天还是在昨天的章节,是link标签。
2、 a标签的里的target如果设置成_blank,就可以打开新的一页了~
3、 anchor可以没有href,然后a标签的id属性就相当于一个tag,舒服~
2020.11.9
为什么两年没动?
因为在研究生阶段,发现要给别人看自己的blog,实在是太粗糙了,然后最近又想把足迹加进来,然后发现自己的前端实在是太烂了,所以开始重新学习。
1、替换文本属性 Alt
1 | <img src="xxx.xx" alt="illustraion"> |