零基础学习HTML(9)——q标签、blockquote标签、cite标签、abbr标签、dfn标签、address标签、ruby标签、bdo标签

最新推荐文章于 2022-08-03 22:32:28 发布
最新推荐文章于 2022-08-03 22:32:28 发布
阅读量581 收藏 2
点赞数 1
分类专栏： 零基础学习Web开发 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43650934/article/details/107882105
版权

文章目录


注：学习笔记基于小甲鱼学习视频，官方论坛： https://fishc.com.cn/forum.php

官方资料

鱼C课程案例库：https://ilovefishc.com/html5/
html5速查手册：https://man.ilovefishc.com/html5/
css速查手册：https://man.ilovefishc.com/css3/

学习正文

q标签：https://man.ilovefishc.com/pageHTML5/q.html
blockquote标签：https://man.ilovefishc.com/pageHTML5/blockquote.html
cite标签：https://man.ilovefishc.com/pageHTML5/cite.html
abbr标签：https://man.ilovefishc.com/pageHTML5/abbr.html
dfn标签：https://man.ilovefishc.com/pageHTML5/dfn.html
address标签：https://man.ilovefishc.com/pageHTML5/address.html
ruby标签：https://man.ilovefishc.com/pageHTML5/ruby.html
bdo标签：https://man.ilovefishc.com/pageHTML5/bdo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十一节课</title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">
</head>
<body>
	<!--q标签为引用内容加上双引号-->
	<p>孔子有云：<q>学而不思则罔，思而不学则殆。</q></p>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十一节课</title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">

</head>
<body>
	<p>《中国合伙人》有几句台词很好：</p>
	<!--blockquote标签将引用内容进行缩进-->
	<blockquote>
		<p>梦想是什么？梦想就是一种让你感到坚持，就是幸福的东西。</p>
		<p>我们只有在失败中寻找胜利，在绝望中寻求希望。</p>
		<p>我们改变不了世界，是世界改变了我们。</p>
		<p>男人的梦想最初都是从女人开始的。</p>
	</blockquote>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十一节课</title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">

</head>
<body>
	<!--abbr标签默认斜体，具体可CSS定制-->
	<p><cite>《中国合伙人》</cite>有几句台词很好：</p>
	<blockquote>
		<p>梦想是什么？梦想就是一种让你感到坚持，就是幸福的东西。</p>
		<p>我们只有在失败中寻找胜利，在绝望中寻求希望。</p>
		<p>我们改变不了世界，是世界改变了我们。</p>
		<p>男人的梦想最初都是从女人开始的。</p>
	</blockquote>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十一节课</title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">

</head>
<body>
	<!--abbr标签可定义缩写，配合title属性可完整展示-->
	<p><abbr title="鱼C工作室">FishC.com</abbr> was founded in 2010.</p>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十一节课</title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">

</head>
<body>
	<!--dfn标签用于表示术语-->
	<p><dfn>HTML</dfn>是一门用于创建网页的标准标记语言。</p>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十一节课</title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">

</head>
<body>
	<!--address用于定义联系信息-->
	<address>
		<strong>联系我们</strong><br>
		邮箱：<a href="mailto:1160951354@qq.com">1160951354@qq.com</a><br>
		电话：52444425<br>
	</address>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十一节课</title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">
</head>
<body>
	<!--ruby标签用于定义注音符号-->
	<!--rt元素用来标记注音符号，rp元素则用来标记当浏览器不支持ruby元素时所显示的内容-->
	<ruby>魑<rp>（</rp><rt>chī</rt><rp>）</rp></ruby>
	<ruby>魅<rp>（</rp><rt>mèi</rt><rp>）</rp></ruby>
	<ruby>魍<rp>（</rp><rt>wǎng</rt><rp>）</rp></ruby>
	<ruby>魉<rp>（</rp><rt>liǎng</rt><rp>）</rp></ruby>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十一节课</title>
	<meta name="viewport" content="width=device-width, intial-scale=1.0">
	<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
	<meta name="description" content="《零基础入门学习Web开发》案例演示">
	<meta name="author" content="小甲鱼">
</head>
<body>
	<!--bdo标签修改默认的文本方向-->
	<bdo dir="rtl">
		<ruby>魑<rp>（</rp><rt>chī</rt><rp>）</rp></ruby>
		<ruby>魅<rp>（</rp><rt>mèi</rt><rp>）</rp></ruby>
		<ruby>魍<rp>（</rp><rt>wǎng</rt><rp>）</rp></ruby>
		<ruby>魉<rp>（</rp><rt>liǎng</rt><rp>）</rp></ruby>
	</bdo>
</html>

在这里插入图片描述

Dragon水魅
关注
专栏目录
(完整)HTML5常用标签大全.doc
11-15
HTML5常用标签大全 HTML5中有许多标签用于定义不同的HTML元素，以便更好地组织和格式化网页内容。以下是在HTML5中常用的标签： 基本结构标签 * `<!DOCTYPE>`：定义文档类型 * `<html>`：定义HTML文档 * `<title>`...
Html中的特殊字符
bluesky
08-14 344
Display Friendly Code Numerical Code Hex Code Description     &amp;#09; &amp;#x09; Horizontal Tab     &amp;#10; &amp;#x10; Line Feed     &amp;#32; &amp;#x20; Space ! ! &a...
Flex 最全的换行 制表符 回车 空格 特殊符号
帆软爱好者的专栏
04-02 2681
<br />出自：http://www.myflexhero.com/share/flex-hero-flex4/flex-hero-coding-techniques/<br />字符 十进制字符编号 实体名字 说明<br />— — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unused<br />—  — 未使用Unu
[转] HTML特殊字符编码大全
低调的程序员
09-01 437
   往网页中输入特殊字符，需在html代码中加入以&amp;开头的字母组合或以&amp;#开头的数字。下面就是以字母或数字表示的特殊符号大全。                       ´ &amp;acute; © &amp;copy; &gt; &amp;gt; µ &amp;micro; ® &amp;reg;...
HTML转义字符汇总
St_Sp_En的博客
11-02 794
HTML转义字符汇总markdown中如果遇到有字符不想转义，可以使用反引号包裹 ““ 。(单双都可以) 字符 实体名称 十进制 描述 Α Α Σ ** Γ Γ Γ ** Ε Ε Ε ** Η Η Η ** Β Β
Html编码（&#数字型）解码
gergul的专栏
11-02 5162
template// IN_TYPE : std::string std::wstring std::wstring decodeHtml(const IN_TYPE &s) { std::wstring sRet; std::wstring tmp; bool b1 = false; bool b2 = false; int nLen = s.size(); for (int i
(完整word版)HTML标签-按功能分类.doc
最新发布
11-15
本篇文档按照功能将HTML标签进行了分类，便于理解和学习。 1. **基础标签**： - `<!DOCTYPE>`：声明文档类型，如`<!DOCTYPE html>`声明为HTML5文档。 - `<html>`：定义整个HTML文档的根元素。 - `<title>`：设置...
HTML元素(标签)大全及使用介绍
09-28
9. `<bdo>` 标签：用于指定文本方向，例如从右到左（RTL）或从左到右（LTR）。 10. `<bgsound>` 标签：HTML4中用于添加背景音乐，HTML5中不支持，现在可以通过CSS或JavaScript实现。 11. `<big>` 标签：使文本比...
html标签全称和功能介绍
12-13
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它的基本结构由一系列的标签组成。这些标签在HTML文档中起到标识和组织内容的作用，帮助浏览器理解并正确地呈现页面内容。下面，我们将按照字母...
HTML中 &# 的作用
oscar999的专栏
08-03 3055
在HTML中，有些字符是预留的， 比如 `
shizoid：Ruby上的Shizoid聊天机器人
02-05
用于电报的Shizoid聊天机器人。 受 Bot启发。 抱歉，我现在无法为所有人提供实例。 您可以自己运行;） cap production deploy:setup 编辑配置 cap production deploy RAILS_ENV=production bundle exec rake db:create 和:) cap production deploy
浅析Ruby中的类对象的概念
09-22
主要介绍了Ruby中的类对象的概念,是Ruby学习当中的基础知识,需要的朋友可以参考下
ruby中文文档（ruby入门级别教程）
12-21
包括ruby用户指南，RGSS入门教程，Programming Ruby，Ruby参考手册共4部分内容。 chm格式
Ruby中执行Linux shell命令的六种方法详解
09-15
主要介绍了Ruby中执行Linux shell命令的六种方法详解,这些方法包括exec、system、反引号、IO、Open3、Open4等命令,需要的朋友可以参考下
Ruby实现网页图片抓取
09-21
本文给大家分享的是个人使用ruby编写的抓取网页图片的代码，十分的简单实用，有需要的小伙伴可以参考下。
在HTML中 使文本内容强制换行的标签是,html5 文本相关标签（基础三）
weixin_34998630的博客
06-08 2601
html5 文本相关标签一、标题 h1、h1、hgroup(标题组)1、什么情况下使用标题？01.标题是概括性的简短文字02.标题能概括随后的内容2、主标题与副标题01.主标题02.副标题3、标题组 hgroup01.当主标题和副标题成组时，应使用hgrouphgrouph1h24、标题级别问题01.html5 里的标题级别是以层级来区分，越靠近body标签级别越高5、Xhtml1.0 中的标题了...
html的引用总结。q、blockquote、cite、abbr、dfn、address、ruby、rt、rp、bdo等元素
weixin_44745009的博客
07-21 577
html的引用 q元素 定义短的引用 浏览器通常会在引用内容的两侧添加引号。 blockquote元素 标签用于简短的行内引用。对于内容比较长的引用 cite元素 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等）的标题。 abbr元素 标签定义简称或缩写 dfn元素 标签表现定义中的术语 -address元素 标签定义文档或文章的作者/拥有者的联系信息。 ruby、rt、rp元素 ruby：标签定义注音符号。 rt 元素：用来标记注音符号 rp 元素：则用来标记当浏览器不
strong标签和b标签，dfn标签，abbr和acronym标签，em和i标签完整介绍
_吉尔伽美什
05-08 2082
strong和b标签 b标签是HTML的内容，strong是XHTML的内容，strong比b标签更标准化 两者都可在网页上使字体加粗，strong是逻辑元素，b是物理元素。 物理元素强调的是一种物理行为。比如说，把一段文字用b加粗，意思是告诉浏览器应该加粗显示，没有其他作用。 而strong可以从字面理解知道它是强调的意思，strong是逻辑标签，强调文档逻辑。对于搜索引擎（SEO）来说，s...
空格占位符 对齐
热门推荐
Howst的专栏
07-26 1万+
== 普通的英文半角空格   ==   ==   == no-break space （普通的英文半角空格但不换行） 　 == 中文全角空格 （一个中文宽度）   ==   == en空格 （半个中文宽度）   ==   == em空格 （一个中文宽度）  
HTML标签全览：从基础到高级
4. `<address>`: 地址标签，用于显示联系信息，如作者或网站所有者的地址、电话和电子邮件。 5. `<area>`: 区域标签，与`<map>`配合使用，定义图像映射，即在图像上设置可点击的热点区域。 6. `<b>`: 粗体标签，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值