00:00
前面呢,我们讲了许许多多的理论知识,目的就是为了我们这个常用标签做铺垫的。来,我们先看一下我们常用标签要写哪一些呢?第一个排版标签,文本格式化标签,图像标签以及链接标签。当这个标签讲完之后呢,我们会再给大家讲一个相对路径的问题。好了,我们先看我们常用标签中的第一种叫做排版标签,那排版标签是不是显示我们页面结构的,是我们网页布局中最为常用的标签。那排版标签里面呢,又分为这么几个,我们先看啊,标题啊,段落,水平线,画行以及div和span这几个标签啊,这五组可是我们后面哎,网页布局里面最常用的几个,哎,所以说呢,我们来把它们先看一看,先看拍马分生的第一种,我们称之为标题标签,好,我讲这个标题标签的时候,同学们千万不要和我们前面讲过一个叫做title头的相混淆了,而title头呢是叫做文档的标题,而我们现在讲的是我们的标题标签是不一样的啊,刚才我给同学们演示呢,我们页面的话,你看我这个页面看起来结构非常乱呀,有的时候呢,我们需要加一些标题,是不是显示我的结构比较清晰呀,这些叫做标题标签,而我们那个叫做文档标题是不是不一样的呀?好,那刚才我写的时候,这是不是叫做H1呀,这个H3呀,哦,这个一级标题有三级标题,除了那几个之外,还有其他的吗?哎,是有的,来follow me给我一起来看一看,那我们在这里面为了使网页更具一页,我们经常。
01:29
用到我们的标题标签,它呢,一共分为六个等级啊,那么它语法格式是这么写的,H1到H6就可以了,非常简单,H1就是一级标题,H2就是二级标题,H3就是三级标题,哒哒哒哒哒,以此类推,一直到六级标题就搞定了,那显示效果也不太一样,你看一级标题是最大的大标题,二级标题呢,比一级小一点,然后呢,以此类推,一直到最小的六级标题,看到没有,这个就是我们要的标题标签了,那么标题标签可以让我们的文字是不是更粗一些啊,而且会更大,那我们来看一下它到底是怎么使用的。
02:05
好,那么在这里面的话,我们先打开我们suble啊,刚才这个我们关掉了,然后我们在CTRT加S保存一个新的,这个呢,我们就叫做零六杠,哎,然后我们叫做标题标签,点atml是不是别忘了atml呀,点保存,然后呢,先生的骨架叹号,我相信你最喜欢用的是这个走一个是不是这里已经有了,那为了显示呢,我在这里面事先已经写好了一个打游诗啊,保存一份到这里面去CTRL加V1整贴,这已经有了啊,然后我们可以放进去了,比如说第一个呢,我们要放是不是一级标题了,怎么写呢?哎,进括号H1就OK了,好,然后呢,到后面写上一个杠H1,对吧,哎,传直播客学前端,这是一级标题,那我们是不是再要个二级标题呀,也是一样的写法,二级标题呢,HR就行了,然后呢,在它的后面再写出一个杠,好HR就行了,二级标题传至前端,入门易简单,那第三个,那我们前面讲的是太多太多的理论知识了,那理论知识只需要你干什么呀,简单看一下了,简单知识。
03:06
简单看不需要花太多时间,但是接下来我要给你讲的从标题标签开始,后面的所有的标签都是重点的重点怎么办呢?重点请练写三遍,要求你至少保写出三遍以上的代码呀哎,所以才能掌握的扎实啊好,那么标题我们想的标题一共是有几级呀?哎,六级,所以标题一共几级选六级选看明白了吗?哎,然后呢,具体效果什么样子呢?哎,具体效果刷新键就可以了,好杠H6是不是六级标题已经有了,嘿嘿,怎么样,我写的这个打油诗还不错吧,此处应该有掌声,嘿嘿,好了,那么pink老师写完之后我们来预览一下结果是什么样子的啊又贱,浏览器中打开走一个是不是已经能看到了?传智博客学前端是一级大标题,又大又粗对吧?好,二级标题前端入门一简单是不比刚才稍微小一点啊,三级再小四级再小,五级六级具体效果是不是都能够看出来,依次变小啊,这就是我们讲的哎,标题标签。
04:06
那你会发现刚才我们讲的这一个,哦,是不是这是一节,这是三级标签呀,哎,这是标题标签,就这么简单好了,简单总结一下我们的标题标签,那首先加了标题的文字会变粗,而且字号是不是也会变大呀,那一级标题尤为大,那么其他的会依次变小,再有一个一行是不是只能放一个标题呀,你会发现一级标签就占满一个了,二级标题,三级标题呢,都是竖着来显示的,哎,这就是我们讲的标题标签,它是非常有用的一个标签。
我来说两句