2-7 <q>标签，短文本引用
想在你的html中加一段引用吗？比如在你的网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么<q>标签是你所需要的。
语法：
<q>引用文本</q>
如下面例子：
<p>最初知道庄子，是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。</p>
讲解：
在上面的例子中，“庄生晓梦迷蝴蝶。望帝春心托杜鹃。” 这是一句诗歌，出自晚唐诗人李商隐的《锦瑟》 。因为不是作者自己的文字，所以需要使用<q></q>实现引用。
注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
下图是代码显示结果：
image
注意这里用<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。
2-7 标签，短文本引用想在你的html中加一段引用吗？比如在你的网页的文章里想引用某个作家的一句诗，这样会使你...
基础的 HTML & CSS 《HTML+CSS基础课程》 《从 psd 到 html》 页面布局（多练习） 《如...
初级前端掌握的课程： HTMl5+ CSS3。 前端学习的基础技能需要掌握HTMl+ CSS的基础内容。 学习内容...
一，html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、J...
一，html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、J...
课程前言： 慕课网 -- DatePicker组件开发 课程准备： HTML、CSS、JavaScript基础、浏...
前端学习目标 基础课程：HTML + CSS javaScript DOM BOM AJAX HTML5 + CS...
前端学习目标 基础课程：HTML + CSS javaScript DOM BOM AJAX HTML5 + CS...
学习途径：慕课网《HTML+CSS基础课程》 Summarized by Zachary 1 学习CSS，为网页...
慕课网: HTML+CSS基础课程 CSS全称为“层叠样式表 (Cascading Style Sheets)”，...
本文标题：html和CSS基础课程（2-7）
本文链接：https://www.haomeiwen.com/subject/xncgdftx.html
网友评论