快捷搜索:  汽车  科技

html的编程工具(踏上编程之路的必经之路之html篇四)

html的编程工具(踏上编程之路的必经之路之html篇四)图中上面那条线是第6条u标签的,不要弄混了。来个小练习:浏览器中的效果:浏览器中的效果:我在u标签中写了6个“ ”,这个“ ”代表的是空格的意思,写几个“ ”就代表几个空格,我这里代表6个空格。为什么不直接写空格呢?如果直接写空格的话,不管你敲几个空格,都算作一个。所以我们只能通过写“ ”的方法来解决这个问题。7.细心的同学可能发现代码中我写了好几个<br>,那么这个br标签是做什么用的呢?大部分同学可能已经猜到了,就是用来换行的,所以它就叫做换行标签。文字标签不像标题标签(h1~h6)和段落标签(p)一样会独占一行。如果两个文字标签中间不加br的话,那么就会连成一行。比如下图这样:

今天学习一下文字标签,文字标签有很多,粗略计算有28个或者更多。我们没必要每个都学,因为并不是每个都很常用,我们只学最常用的就ok。

直接上代码看效果

html的编程工具(踏上编程之路的必经之路之html篇四)(1)


浏览器效果,如下图:

html的编程工具(踏上编程之路的必经之路之html篇四)(2)

接下来解释一下每个标签的作用

  1. h4标签:上一篇中我们知道h1~h6是标题标签,h4是它们6个中的一个,标题标签会独占一行。
  2. span标签:这个标签被称作无意义标签,大白话说就是加了这个标签和不加这个标签没区别,那为什么还要加呢?因为在学css的时候要用到它,等学css的时候自然就会明白,这里先知道有这么回事就行。
  3. i标签和em标签:这两个标签的都会让文字倾斜,它两个是一样的效果,如果要达到倾斜的效果,它们两个随便用哪一个都行。
  4. b标签和strong标签:它们两个效果也是一样的,都是让文字加粗
  5. s标签和del标签:这两个标签的效果都是给文字加上删除线,应用场景是商品大减价,原价198加上删除线,现价150,逛京东、淘宝的都知道
  6. u标签和ins标签:都是给文字加上下划线,主要应用场景是合同文件的签名,标签中并不是一定要加文字,你也可以是空格,这样就只有一条下划线了,如下图这样

html的编程工具(踏上编程之路的必经之路之html篇四)(3)


浏览器中的效果:

html的编程工具(踏上编程之路的必经之路之html篇四)(4)


我在u标签中写了6个“ ”,这个“ ”代表的是空格的意思,写几个“ ”就代表几个空格,我这里代表6个空格。为什么不直接写空格呢?如果直接写空格的话,不管你敲几个空格,都算作一个。所以我们只能通过写“ ”的方法来解决这个问题。

7.细心的同学可能发现代码中我写了好几个<br>,那么这个br标签是做什么用的呢?大部分同学可能已经猜到了,就是用来换行的,所以它就叫做换行标签。文字标签不像标题标签(h1~h6)和段落标签(p)一样会独占一行。如果两个文字标签中间不加br的话,那么就会连成一行。比如下图这样:

html的编程工具(踏上编程之路的必经之路之html篇四)(5)

浏览器中的效果:

html的编程工具(踏上编程之路的必经之路之html篇四)(6)


图中上面那条线是第6条u标签的,不要弄混了。
来个小练习:

html的编程工具(踏上编程之路的必经之路之html篇四)(7)


浏览器中的效果:

html的编程工具(踏上编程之路的必经之路之html篇四)(8)


上图中王大锤的大字加了s标签,s标签的效果就是删除线,删除线和大字合在一起看起来像个“夫”字,有没有。

老生常谈:学习编程必须靠多动手,不动光看,是看不会的。

如果说你看着我的文章还是看不懂,感觉比较生涩难懂也不要放弃,在我刚学编程以前,QQ聊天打字都是一指禅,当然那个时候上网都得花钱去网吧,家里有电脑的那应该是富二代吧。

就这基础开始学编程,sublime(我们现在用的编辑软件)软件下载都费劲,听老师讲课和听天书一样,但是老师告诉我们一句话:听不懂怎么办?他给我们的断句是:听,不懂怎么办?这个断句很有意思,前面的听相当于给了你答案——听。后面才是问题——不懂怎么办?那不懂到底怎么办?就是多听啊,看不明白怎么办?那就是多看啊。

结合我的实际经验,其实前面不懂很正常,因为你以前没有接触过这方面的知识,不懂是很正常的,随着你接触时间长了以后,你会感觉简直so easy。但是呢学习是一个渐进式的过程,学到后面,前面的自然会懂,但是后面的又会归到刚接触的范围内,还会遇到看不懂啊之类的问题,随着时间的流逝,到最后你会发现,其实你已经是一个编程高手了。

猜您喜欢: