HTML自学笔记（二）

哦吼来啦

下载HBuilder更方便

https://www.dcloud.io/hbuilderx.html

常用文本标签

首先创建好一个文件，如下所示

这就是网页的基本结构了，然后来在里面加上点内容，这里先加静夜思为例了

但这样预览的话所有文字都堆叠到了一起，没有预想中的效果，所以这个时候就需要<br/>来换行

像这样去写，在每行后面都换一行，但好像还差了点意思，希望让标题加粗显示出来，这个时候就用到了h标签

这样去写，就可以起到把静夜思这三个字加粗当作标题的效果，另外使用h1标签默认有换行效果，所以不用额外写br标签，除此之外还有h2，h3等等开头的标签，分别代表熬了不同层级的标题。需要注意，h标签不仅仅是加粗和变大显示文字，而是把它作为了一个标题

然后，虽然题目变大变粗了，但不居中很难受，所以继续来改改

在h标签里新加一个align属性，然后属性值写center，这样标题就是居中对齐了，不管浏览器页面宽度怎么变都是居中的

那么剩下的部分，可以用p标签来完成居中效果

写法跟h标签一样，也是新加一个align属性，然后属性值写center，但还是没有那个预期的感觉，还差了点，为什么正文每行都隔了一段间隙，让咱把那段空隙去掉，来试试改一改

这样再预览就好很多了,用p标签把正文括起来,然后把它居中

除此之外,pre标签也可以做到

试着预览一下,会发现去掉br标签以后依然能保持换行,这是因为pre标签能保留文本本身的空格和换行,并变为等宽字体

如果想要单纯加粗一段文字,可以使用b标签,我觉得steam上写评论的应该都了解

把李白这两个字加粗了,着重强调一下诗人名字哈.除此以外还有斜体效果的i标签,下划线效果的u标签,用法跟b标签一样

另外呢,如果要添加上下角标,比如像X1加Y的平方这样,总不能直接写成X1+Y2吧,这就用到了sub和sup,其中sub代表了下角标,sup代表了上角标,那来写写试一下

用sub把1括起来,sup把2括起来,就得到了想要的效果

OK,学完,玩游戏