day2_pre和center

最新推荐文章于 2024-09-04 23:24:54 发布

小虾米and小菜鸡

最新推荐文章于 2024-09-04 23:24:54 发布

阅读量604

点赞数 1

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/u012952800/article/details/52415349

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

第一天学习了一下html的基本结构，现在我们来继续学习。
介绍一个标签<pre></pre>预格式化，以下举个例子


<html>
 <head>
  <title>predemo</title>
 </head>
 <body>

    关雎
    朝代：先秦
作者：佚名
原文：
关关雎鸠，在河之洲。窈窕淑女，君子好逑。
参差荇菜，左右流之。窈窕淑女，寤寐求之。
求之不得，寤寐思服。悠哉悠哉，辗转反侧。
参差荇菜，左右采之。窈窕淑女，琴瑟友之。
参差荇菜，左右芼之。窈窕淑女，钟鼓乐之。    
 </body>
</html>

没有使用pre标签

<html>
 <head>
  <title>predemo</title>
 </head>
 <body>
    <pre>
    关雎
    朝代：先秦
作者：佚名
原文：
关关雎鸠，在河之洲。窈窕淑女，君子好逑。
参差荇菜，左右流之。窈窕淑女，寤寐求之。
求之不得，寤寐思服。悠哉悠哉，辗转反侧。
参差荇菜，左右采之。窈窕淑女，琴瑟友之。
参差荇菜，左右芼之。窈窕淑女，钟鼓乐之。    

    </pre>
 </body>
</html>

使用pre显示的图片
以上两组形成对比，很明确了pre的功能。我在解释一句，就是你在<pre></pre>内部是用的格式可以在网页中显示出来，如果不使用该标签则会显示一行，满行后再换行。

center大家了解一下，也比较简单

<center>居中的内容</center>

就是在此标签的内容都是居中显示的
介绍几个特殊符号
&nbsp 是个空格
(&lt) = (<) ; (&gt) = (>)
&yen = ￥
&amp = &
&reg = ®注册商标
&copy = ©版权
&trade = ™正在注册的商标

小虾米and小菜鸡

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
day2_pre和center

第一天学习了一下html的基本结构，现在我们来继续学习。介绍一个标签<pre></pre>预格式化，以下举个例子<html> <head> <title>predemo</title> </head> <body> 关雎朝代：先秦作者：佚名原文：关关雎鸠，在河之洲。窈窕淑女，君子好逑。参差荇菜，左右流之。窈窕淑女，寤寐求之。求之不得，寤寐思服。悠哉悠哉，辗转
复制链接

扫一扫