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>

刷新浏览器:

图片说明

以上看到的效果就是常用的格式化效果,希望大家能记住。

全部评论

相关推荐

评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务