HTML标记语言——引用(4)

·如何写出漂亮的HTML代码 p strong Misquotations /strong are the only quotations padding: 20px 10px 10px 20px; margin: 0; 图 4-1 为了制作引号圆角而以Phot......

·如何写出漂亮的HTML代码

 

Misquotations are the only quotations
  padding: 20px 10px 10px 20px;
  margin: 0;

图 4-1 为了制作引号圆角而以Photoshop创建的3张图片

在书写这段文字的时候,大多数浏览器都不会特别优化我们刚加上的cite属性,但是在能够优化cite属性的进阶css技巧或者scripting程序出现之后,事情就会开始变得有趣了.引言出处本身也是帮助描述标签内容的额外资讯,未来将会十分具有价值.

试着把加上cite想成把硬币丢进储蓄罐,这些硬币现在值不了多少,但是未来你将会庆幸一路上你有把它们全部存起来.

网页教学网

我们把整个组件的宽度设为270像素,与提供顶部圆角,开引号效果的top.gif宽度相同,同时我们也照顾了一下文字效果,为它指定了字体,大小和颜色.较后,我们置中所有文字,并以较后一条规则指定了背景色,背景图以及背景图的显示位置. Webjx.Com

图4-1 是刚建立的三张图片,一张是开引号,顶部圆角,一张是闭引号,较后一张是底部的两个圆角.

—Hesketh Pearson

blockquote {

misquoted.

在2003年早秋,差不多是在我看着至爱的红袜队迎向历史性冠军之时,我决定抛弃GIF图片,换上加了样式的

标签.

网页教学网

标记元素

目前,你只能以background或者background-image属性为一个元素指定单张背景图,因此,我们将为

里的每个段落加上id. 网页教学网

我们来仔细研究每个方法，并且找到较便于完成任务的“工具”，更重要的是，要弄清楚为什么它是较棒的工具。

Webjx.Com

来看看我们会在这个示例接下来的步骤里中使用的标记方法:

·iframe代码—网页中嵌入其他网页

此时,任何出现在引用范围之内的就会变成黑色(不能更黑了),另外由于引用的其他部分使用了一般的font-weight,因此我们以normal取代预设的粗体样式.

方法B:以class优化?

由于在包围引用内容的

标签里加了class="quotation",因此我们能够为它指定独特的css样式,但是HTML拥有专门解决这个问题的完善标签,因此建立这个特别分类似乎有点多余,我们马上就会看到这个完善的HTML标签. Webjx.Com

 

id="quote">Misquotations are the only quotations

Webjx.Com

  padding: 0;

 

— Hesketh Pearson

此时浏览器会在适当的地方使用双引号和单引号,像是这样.

I said, Herman, do you like bubblegum? And he said, Yes. Bubblegum is what Harry calls delicious. Webjx.Com

  font-size: 150%;

that are never misquoted.

这在可视化浏览器上多半会显示成这样:

  font-size: 60%; 网页教学网
  margin: 0;
行内引用

要怎么优化简短,应该是在行内参考的引用呢?举例来说,如果你在这句子中提到其他人说过的话,这时就可以用标签:

Chapter 4 引用

“Misquotations are the only quotations tha are never misquoted” (只有错误的引用永远不会被误用) Webjx.Com

  width: 270px;
  background: #eee url(top.gif) no-repeat top left;


  line-height: 1em;
  padding: 0;
不需要引号

大多数可视化浏览器会在使用和的时候自动加上引号,因此你不用自己输入,W3C也建议加上lang属性标识所应用的内容语言,某些语言可能会显示不同的引号.

I said, Herman, do you like bubblegum? And he said, Yes, the kind that comes with a comic. 网页教学网

  background: url(https://www.sensuan.cn/end_quote.gif) no-repeat right bottom;
#quote {

然后这段是需要加上的额外css规则的内容:

#quote strong {
强调特殊文字

未经允许不得转载：深深算网络 » HTML标记语言——引用(4)