HTML Study

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">
Encourage FPO