<007>构建模块---2

戴宇轩

你的朋友发来贺电

课件下载: 原来的页面.zip (94.7 KB, 下载次数: 47)

2015-7-14 13:39 上传

点击文件名下载附件

认识<q>元素

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

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

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

原来的代码:

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


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


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

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

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

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

新的日记

课件下载: 新的日记.zip (94.9 KB, 下载次数: 53)

2015-7-17 20:08 上传

点击文件名下载附件

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

再看源代码

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

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


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

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

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

kuangkuang

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

大冬瓜

支持楼主:lol::lol:

JANGOC

blockquote

无聊才上线

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

好吧知道了，浏览器原因