3.12 HTML5 格式化及使用
先看一个表格:
这张表中有很多的标签,这些标签就是我们格式化的一个使用。<big> 在 HTML5 中被替代了,人们用一些 css 样式来做出这种效果,在以后的使用中需要注意。</big>
我们在代码中实际来看一下:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>第二课</title> </head> <body> <b>欢迎来到 niuke.com</b> </body> </html>
在浏览器中可以发现字体比正常字体明显加粗了。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>第二课</title> </head> <body> <b>欢迎来到 jikexueyuan.com</b> <big>欢迎来到</big> </body> </html>
在 <big> 标签上会看到提示这个标签已经过时了,需要注意。看下效果:</big>
可以看到文字效果比之前的要大。为了让大家看得清除我们加个换行:
下面我们把剩下的标签都写上一次性查看效果:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>第二课</title> </head> <body> <b>欢迎来到 jikexueyuan.com</b> <br/> <big>欢迎来到</big> <br/> <em>欢迎来到</em> <br/> <i>欢迎来到</i> <br/> <small>欢迎来到</small> <br/> <strong>欢迎来到</strong> <br/> 大家好<sub>欢迎</sub>来到 <br/> 大家好<sup>欢迎</sup>来到 <br/> <ins>欢迎</ins> <br/> <del>欢迎来到</del> </body> </html>
刷新浏览器:
以上看到的效果就是常用的格式化效果,希望大家能记住。