HTML的行内样式演示案例

原创 David  2017-07-04 16:19  阅读 647 次

在讲html的行内样式之前,首先跟大家说明一下什么叫做样式。所谓样式就是用来修饰网站页面的,使得页面更加好看有特效,从而提升用户的浏览体验。Html的样式主要分为三种形式,分别是html行内样式html页内样式html的外部样式引用。

今天咱们就将html的行内样式,以下面的一段代码进行举例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>我是博主傲远</title>

<meta name="keywords" content="博主傲远">

<meta name="description" content="我是博主傲远">

</head>

<body>

<font style=”color:red”> 博主长得帅不帅?</font>

</body>

</html>

其最终显示效果如下图所示:

HTML行内样式的演示图

HTML行内样式的演示图

可以看到文字变成红色了,这个效果的出现主要是因为我用了一个<font>标签,然后加了一个“color:red”属性,这个属性的意思就是让字体变成红色。所以html的行内样式就是通过在标签后面加一个“style=” ” ”,引号里填写具体的属性名称。注意:符号要在输入法是英文状态下进行输入,否则效果可能不能实现。

看完上述html行内样式的介绍,你如果还有疑问,请点击右侧联系博主。

看完本篇资讯,如有任何问题,都可以在下方的评论框留言,博主将在第一时间进行回复,对您的问题做相应的解答。

                     

说明:更多SEO入门教程、SEO高级教程等相关SEO教程,请关注山西SEO教程自学网!

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

发表评论


表情