初识HTML（五）——特殊格式

最新推荐文章于 2021-07-08 22:28:06 发布
最新推荐文章于 2021-07-08 22:28:06 发布
阅读量218 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45927758/article/details/107184319
版权

1.短引用

<p></p>标签之内是引用的内容，标签处是双引号。

<!DOCTYPE html>
<html>
<body>

<p>浏览器通常会在 q 元素周围包围引号。</p>

<p>WWF 的目标是 <q>构建人与自然和谐相处的世界。</q></p>

</body>
</html>

2.长引用

 <blockquote></blockquote>定义被引用的节，浏览器通常会对 <blockquote> 元素进行缩进处理。

<!DOCTYPE html>
<html>
<body>

<p>浏览器通常会对 blockquote 元素进行缩进处理。</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF 一直致力于保护自然界的未来。
WWF 工作于 100 个国家，并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>

</body>
</html>

3.缩略词——不懂！！

<abbr></abbr>用于缩略词 ，定义缩写或首字母缩略语。

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

<!DOCTYPE html>
<html>
<body>

<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>

<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>

</body>
</html>

4. 联系信息——斜体显示文本信息

<address></address>定义文档或文章的联系信息（作者/拥有者）。

此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

<!DOCTYPE html>
<html>
<body>

<p>HTML address 元素定义文档或文章的联系信息（作者/拥有者）。</p>

<address>
Written by Jon Doe.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

</body>
</html>

 5.著作标题

<cite></cite>定义著作的标题。

浏览器通常会以斜体显示 <cite> 元素。

<!DOCTYPE html>
<html>
<body>

<p>HTML cite 元素定义著作的标题。</p>
<p>浏览器通常会以斜体显示 cite 元素。</p>

<img src="img_the_scream.jpg" width="220" height="277" alt="The Scream">
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>


</body>
</html>

6.双向重写

<bdo></bdo> 定义双流向覆盖.

dir属性是文本覆盖方向

 

<!DOCTYPE html>
<html>
<body>

<p>
如果您的浏览器支持 bdo，则文本将从右向左进行书写 (rtl)：
</p>

<bdo dir="rtl">
亲成我上马
</bdo>

</body>
</html>

7. 项目或缩写——压根不懂！！！

<dfn></dfn>定义项目或缩写的定义。

<dfn> 的用法，按照 HTML5 标准中的描述，有点复杂：

(1). 如果设置了 <dfn> 元素的 title 属性，则定义项目：

<!DOCTYPE html>
<html>
<body>

<p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>

<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>

</body>
</html>

(2). 如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目：

<!DOCTYPE html>
<html>
<body>

<p>The
<dfn><abbr title="World Health Organization">WHO</abbr></dfn>
was founded in 1948.
</p>

<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>

</body>
</html>

 

 (3). 否则，<dfn> 文本内容即是项目，并且父元素包含定义。

<!DOCTYPE html>
<html>
<body>

<p>The
<dfn>WHO</dfn> World Health Organization was founded in 1948.
</p>

<p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p>

</body>
</html>

秃头的毛睿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
5.HTML标题
正直 的博客
02-04 260
HTML标题 在HTML文档中，标题很重要 标题是通过<h1>~<h6>标签定义的， <h1>定义最大的标题，<h6>定义最小的标题 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>页面标题</titl...
初识Spring——Spring核心容器
02-24
IOC-InversionofControl，译为控制反转，是一种遵循依赖倒置原则的代码设计思想。所谓依赖倒置，就是把原本的高层建筑依赖底层建筑“倒置”过来，变成底层建筑依赖高层建筑。高层建筑决定需要什么，底层去实现这样的...
html 基本标签 ---特殊格式
weixin_30321709的博客
07-18 62
<address> </address> 地址 <blockquote> </blockquote> 缩进 <q> </q> 小引用 <pre> </pre> 按照原格式输出 转载于:https://www.cnblogs.com/superxuezhazha/p/5680887.h...
HTML 标题
鸟人如风,不舍昼夜.
10-04 474
在 HTML 文档中，标题很重要。 HTML 标题 标题（Heading）是通过 - 等标签进行定义的。 定义最大的标题。 定义最小的标题。 实例 This is a headingThis is a headingThis is a heading
HTML 5--设计网页的文本内容--标题文本
ai516001066的博客
04-14 399
1. <hgroup> <h1></h1> <h2> </h2> <h3></h3></hgroup> 代码如下： 1 <!doctype html> 2 <html> 3 <head> 4 <meta chars...
html5 标题标签
weixin_49007365的博客
07-08 430
html5 标题标签 介绍：HTML提供了h1，h2，h3，h4，h5，和 h6元素用来表示页面的标题。 标题元素有一个排名，在其名称中的数字给出。h1 元素具有最高等级,常用于网站的标题，该h6元素具有最低等级，并且两个具有相同名称的元素具有相同等级。 标题元素属于不可自由嵌套的块级元素（自己独占一行），即在标题标签中不可以嵌套任何块级元素。格式： 效果图： 元素支持的属性： 注意，从SEO（Search Engine Optimization，搜索...
初识软件工程——《构建之法——现代软件工程》
01-06
从老师的推荐中，我选择了这本《构建之法——现代软件工程》，他向我展现了一个新的世界，让我有了新的认知，同时也带来了新的探索。  刚拿上手时，就被作者那有趣的文风所吸引，与之前阅读的资料有着天壤之别，让...
初识PLC——PLC性能.pptx
最新发布
11-03
值得注意的是，FX1N系列除了可以使用FX0N的所有特殊模块和外围设备外，还提供了扩展板如FX1N-232-BD、FX1N-422-BD和FX1N-485-BD，以及FX1N-8AV-BD和FX1N-5DM模块，进一步增强了通信和控制功能。 在性能指标上，FX0N...
初识PLC——PLC发展.ppt
11-03
PLC，全称为可编程逻辑控制器（Programmable Logic Controller），是20世纪60年代末期由美国通用汽车公司（GM）招标催生的一种新型工业自动化控制设备。它旨在替代传统的继电器控制系统，以解决复杂系统中故障排查难...
HTML5标签
baobao__的博客
07-29 496
文章目录HTML5标签 HTML5标签 1.块级标签： 1）div标签：搭建网页结构的基本标签，无语义标签 宽度100%， 高度自适应 (内容有多高，div盒子有多高 独立成行-默认垂直分布 2）标题标签： h系列标签：通过h1-h6标签,h1定义最大标题（同一页面中h1只能使用一次）；从h1-h6字体大小以此减小，重要程度依次减弱， 宽度100%，高度自适应，独立成行，默认垂直布局；自带间距和...
传智播客入学题目答案
04-08
只是传智播客入学考试部分试题及答案，共26道题目
HTML5基础语法详述
Jorwnpay's Blog
05-08 2958
HTML5标签 HTML不是一种编程语言，而是一种标记语言（Hyper Text Markup Language）。HTML5标记标签是由尖括号括起来的关键词，比如<html>。 HTML5的标签通常是成对出现的，如<b>和</b>其中第一个标签是开始标签，第二个标签是结束标签。 语法： <标签名称>文本内容</标签名称> 成对的标签只...
7.HTML 教程- (HTML5 标题）
chengsi7614的博客
06-02 317
HTML 教程- (HTML5 标题） 1.HTML 标题 标题（Heading）是通过 <h1> - <h6> 标签进行定义的. <h1> 定义最大的标题。 <h6> 定义最小的标题。 2.HTML 水平线 ...
html5 标签学习【一】
haha的专栏
11-27 76
html5 标签学习 标题标签 成对标签：<h1><h2><h3><h4><h5><h6> 段落及换行标签 成对标签：<p> 单个标签：<br /> 文本标签 <>
HTML学习笔记5-HTML标题
doulihang的博客
08-07 163
一、HTML标题 1.HTML标题是通过<h1>-<h6>标签定义 2.<h1>最大，<h6>最小 注意：编写HTML文件时，必须要确保<h1>-<h6>标签只能用于标题，不仅仅是因为字体加粗及变大的原因。浏览器会根据文件的标题及内容，设置索引。 实例 <!DOCTYPE html> <html ...
html5标题标签，blockquote 引用标签，pre预格式标签
ztt0918的博客
03-21 1014
html5标题标签，blockquote 引用标签，pre预格式标签
HTML5—基本标签
TaoismHuang的博客
07-18 740
文章目录标题标签段落标签空格标签换行标签分割线标签加粗标签斜体标签链接标签 标题标签 标题是通过<h1> - <h6> 标签来定义的 实例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </h...
HTML5常用标签
qq_45621040的博客
02-04 180
1.标题标签 h1-h6 双标记，块级元素 align 内容水平对齐方式 默认值 left 居左 right 居右 center 居中 2.块级元素和行内元素 <h1> 一号标题 </h1> 元素的开始 元素的内容 元素的结束 块级元素和行内元素的区别： 1）块级元素独占一行，行内元素在同一行显示 2）块级元素默...
"物联网初识与发展——从定义到应用
物联网是指通过互联网连接各种实体物体，实现智能化识别和管理的信息传感网络。它的发展使得世界上所有的物品都可以通过因特网进行交换和互动，实现了物与物的连接和交流。1995年，比尔·盖茨在《未来之路》一书中就...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值