鱼C论坛

 找回密码
 立即注册
查看: 4418|回复: 4

<007>构建模块---2

[复制链接]
发表于 2015-7-17 20:37:37 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

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

你的朋友发来贺电
userid333188time20130925101840_mh1436852083223.jpg
课件下载: 原来的页面.zip (94.7 KB, 下载次数: 47)


认识<q>元素

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

可以看到用红笔圈出来的部分是一个引用,引用老子说的: 千里之行,始于足下
IMG_20150714_134405.jpg
HTML有一个<q>可以支持这个引用,我们来研究这个元素……


原来的代码:
IMG_20150715_142802.jpg
修改后的代码,把引号换成了<q>元素
IMG_20150715_142828.jpg

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


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

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

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

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

新的日记

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

打开journey.html,我们看到社会主义核心价值观向右移了一些
IMG_20150717_201542.jpg
再看源代码
IMG_20150717_202430.jpg
我们把<blockquote>叫做块引用,<q>用来引用小段文字,而它用来引用大段文字

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


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

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



本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2015-7-17 21:13:19 | 显示全部楼层
楼主,辛苦了。一直在期待楼主的更新,每天都要刷新n次!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-7-21 20:53:47 | 显示全部楼层
支持楼主:lol::lol:
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2016-6-22 16:08:55 | 显示全部楼层
blockquote
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-26 17:22:43 | 显示全部楼层
本帖最后由 无聊才上线 于 2017-3-26 17:23 编辑

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

好吧知道了,浏览器原因
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 21:56

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表