1. 首页
  2. 网站搭建
  3. HTML基础知识

HTML的页内样式演示案例

上一讲讲解了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页内样式的讲解,如有疑问,请联系博主。

原创文章,作者:David,如若转载,请注明出处:http://www.seoshisha.com/jianzhan/html/yenei.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

15317703291

在线咨询:点击这里给我发消息

邮件:2692003558@qq.com

 

QR code