第三章——构建模块
发布日期:2021-06-30 17:59:58 浏览次数:3 分类:技术文章

本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:第四章——Web镇之旅:连接起来
下一篇:第二章——深入了解超文本

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年04月26日 04时34分46秒