本文共 1583 字,大约阅读时间需要 5 分钟。
<blockquote>
元素与<q>
元素
<q>
用于短引用,作为现有段落的一部分,如:
My first day of the trip! I can't believe I finally got everything packed and ready to go. Because I'm on a Segway, I wasn't able to bring a whole lot with me: cell phone, iPod, digital camera, and a protein bar. Just the essentials. As Lao Tzu would have said,
A journay of a thousand miles begins with one Segway.
<blockquote>
元素用于较长的引用(块引用),需要单独显示,如:
Passing cars, When you can't see, May get you, A glimpse, Of eternity.
效果就是<blockquote>
创建了单独的一个文本块,与<p>
类似。
块元素和内联元素
<blockquote>
与<q>
实际上是两类不同的元素。<blockquote>
元素是一个块(block)元素,而<q>
元素是一个内联(inline)元素。块元素显示时就好像前后各有一个换行,而内联元素在页面文本流中总在”行内”出现。
- 块元素
- 内联元素
记住:块元素特立独行;内联元素随波逐流。只要使用块元素,浏览器就会使用换行符来分隔每一”块”。
块元素和内联元素的注意点
<a>
看起来像是一个内联元素,但是<a>
还可以包围块元素,而不只是文本。所以根据具体的上下文,<a>
既可以是内联元素,也可以是块元素。<br>
是块元素和内联元素之间的一个模糊地段。它确实会创建一个换行,不过不会像有两个<p>
元素那样把文本分成单独的两块。<img>
确实是内联元素。
自定义列表
HTML除了有有序列表和无序列表之外,还有另外一类列表:自定义列表。自定义列表如下所示:
- Burma Shave Signs
- Road signs common in the U.S. in the 1920s and 1930s advertising shaving products.
- Route 66
- Most famous road in the U.S. highway system.
列表中每一项都有一个定义术语<dt>
和一个定义描述<dd>
。
元素大杂烩
元素 | 描述 |
---|---|
a | 只要需要建立链接,就需要使用<a> 元素 |
q | 使用这个元素提供短引用 |
p | 给我一个段落,谢谢 |
code | 用来显示计算机程序代码 |
em | 使用这个元素来标记你想用不同方式展示的文本,比如你想强调一个要点 |
time | 这个元素告诉浏览器这个内容是一个日期或时间,或者同时包含日期和时间 |
ul | 如果需要一个无序列表,就要使用<ul> 元素 |
ol | 如果需要一个有序列表,就要使用<ol> 元素 |
li | 对应列表中的列表项 |
strong | 使用这个元素来标记你希望特别强调的文本 |
pre | 希望浏览器按你输入的方式原样显示文本时,使用这个元素来指定文本的格式 |
br | 这是一个void元素,用来提供换行 |
img | 这个元素用来在页面中包含一个图像,比如照片 |
blockquote | 这个元素用于长引用,就是你希望作为一大段文字来强调的内容,比如从书中节选的一部分 |
转载地址:https://liayun.blog.csdn.net/article/details/54565739 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!