HTML的页内样式演示案例

原创 David  2017-07-04 16:41  阅读 536 次

上一讲讲解了html的行内样式,今天咱们聊一聊html的页内样式,这个具体怎么用呢?且看博主为大家详解。

首先利用以下代码做案例演示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>

<meta>

<title>html页内样式演示</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="keywords" content="页内样式">

<meta name="description" content="这是博主为大家做的页内样式演示案例">

<style>

font

{

color:red;

}

</style>

</meta>

<body>

<font>

这是博主为大家做的html页内样式演示案例

</font>

</body>

</html>

上面代码的演示效果如下图:

HTML页内样式演示图

HTML页内样式演示图

所以,html的页内样式格式一般是:在body里加入标签

HTML的页内样式演示图

HTML的页内样式演示图

然后在meta里加入<style></style>,在style里写入标签样式,但需要用大括号括起来。如下图所示:

HTML的页内样式演示图

HTML的页内样式演示图

注意:在写代码的时候,不管是什么符号,要保持输入法是在英文状态下进行的。如果大家在实操的时候效果没有出来,首先查看是不是英文状态下的符号输入,例如冒号、分号、等号等等。

以上就是博主对html页内样式的讲解,如有疑问,请联系博主。

看完本篇资讯,如有任何问题,都可以在下方的评论框留言,博主将在第一时间进行回复,对您的问题做相应的解答。更多SEO教程SEO算法等SEO技术相关资讯,请访问山西SEO教程自学网!

                     
本文地址:http://www.seoshisha.com/jianzhan/html/yenei.html
关注我们:最新SEO教程及互联网信息分享:扫描二维码山西SEO教程自学网的公众号,公众号:zygx16
版权声明:本文为原创文章,版权归 山西SEO教程自学网 所有,欢迎分享本文,转载请保留出处!

发表评论


表情