<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 楼主,辛苦了。一直在期待楼主的更新,每天都要刷新n次! 支持楼主:lol::lol: blockquote
本帖最后由 无聊才上线 于 2017-3-26 17:23 编辑
引用加<q></q>怎么没效果呢?没产生双引号啊
好吧知道了,浏览器原因
页:
[1]