戴宇轩 发表于 2015-7-17 20:37:37

<007>构建模块---2

本帖最后由 戴宇轩 于 2015-7-21 20:36 编辑

你的朋友发来贺电
课件下载:


认识<q>元素
    你已经掌握了基本的HTML元素,而且还会把旅行日志转为了网上版本。
    现在我们再增加一些常用的元素,看看日记的哪些地方可以改进。

可以看到用红笔圈出来的部分是一个引用,引用老子说的: 千里之行,始于足下

HTML有一个<q>可以支持这个引用,我们来研究这个元素……

原来的代码:

修改后的代码,把引号换成了<q>元素


然后打开修改后的页面,浏览器自动加上了双引号


也许有人会问,既然可以直接加双引号,那为什么要改成<q>元素呢?

    因为这样可以让页面更结构化,更有意义

    换句话说,我们直接加引号,浏览器认为这只是段落里的内容,如果加了<q>元素,浏览器就知道这些是真正的引用。

    最重要的原因是,你可以对其加入样式(以后会讲到),如果用<q>元素指定引用内容,就能轻松做到。

新的日记
课件下载:

打开journey.html,我们看到社会主义核心价值观向右移了一些

再看源代码

我们把<blockquote>叫做块引用,<q>用来引用小段文字,而它用来引用大段文字

但是你发现了吗?<blockquote>的前后都自动加入了换行,是分块显示的。但是<q>元素不一样,它会显示在所在的段落中。


我们把单独显示,前后各有一个换行的元素叫做块元素,如<h1><h2>...<h6>,<p>,<blockquote>

把显示在所在的段落中,不添加换行的元素叫做内联元素,如<em>,<a>,<q>


下一课
<008>构建模块---3

kuangkuang 发表于 2015-7-17 21:13:19

楼主,辛苦了。一直在期待楼主的更新,每天都要刷新n次!

大冬瓜 发表于 2015-7-21 20:53:47

支持楼主:lol::lol:

JANGOC 发表于 2016-6-22 16:08:55

blockquote

无聊才上线 发表于 2017-3-26 17:22:43

本帖最后由 无聊才上线 于 2017-3-26 17:23 编辑

引用加<q></q>怎么没效果呢?没产生双引号啊

好吧知道了,浏览器原因
页: [1]
查看完整版本: <007>构建模块---2