html中文本格式化、预格式化、计算机输出标签、address、title、文字方向、著作

文本格式化标签:
在这里插入图片描述
预格式化标签pre:

网页中文本默认是显示一行,没有格式,通过<pre></pre>标签包裹会显示默认的格式。

	 <pre> <!-- 通过pre标签包裹后,会有默认的格式 -->
      云想衣裳花想容,春风拂槛露华浓。
                            ——李白
    </pre>

计算机输出标签:

计算机输出标签全都支持固定的字母尺寸和间距,浏览器不会去掉多余的空格。

	<!-- 下面这些标签通常用于显示计算机编程代码 -->
    <code>Computer code</code><!-- 定义计算机代码 -->
    <kbd>Keyboard input</kbd><!-- 定义键盘码 -->
    <tt>Teletype text</tt><!-- 定义打字机代码 -->
    <samp>Sample text</samp><!-- 定义计算机代码样本 -->
    <var>Computer varable</var><!-- 定义变量 -->

在这里插入图片描述
地址标签address:

此元素将以斜体显示文本。

	<address>
    	Written by Join
    </address>

缩写和首字母缩写title:

在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本,官方文档解释:仅对于 IE 5 中的 acronym 元素有效,对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效,自测结论:对于其他标签同样适用。

	<abbr title="education">edu</abbr><!-- 缩写 -->
    <acronym title="World Wide Web">WWW</acronym><!-- 首字母缩写 -->
    
    <p title="http:www.baidu.com">baidu</p><!-- title属性在其他标签上同样可以实现完整词提示 -->
    <h3 title="http:www.baidu.com">baidu</h3>

文字方向dir:

文字颠倒顺序:bi-directional override (bdo),需要在bdo标签中才有效,当dir的属性值为ltr时,此时文本从左到右显示。两者都是取英文单词left和right的首字符,可理解为left to right or right to left.

<bdo dir="rtl">this is test.</bdo>

著作标签cite:

浏览器通常会以斜体显示cite的元素,用于作者说明。

	<p>
      <cite>鲁迅</cite>是一名伟大的作家。
    </p>

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者 删除。
笔者:苦海123
其它问题可通过以下方式联系本人咨询:
QQ:810665436
微信:ConstancyMan

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Html 5 标签(按照英文字母a~z顺序排列): 1、<!--...--> 定义注释。 2、<!DOCTYPE> 定义文档类型。 3、<a> 定义超链接。 4、<abbr> 定义缩写。 5、<address> 定义地址元素。 6、<area> 定义图像映射的区域。 7、<article> 定义外部的内容。 8、<aside> 定义article 以外的内容。 9、<audio> 定义声音内容。 10、<b> 定义粗体文本。 11、<base> 定义页面链接的基准 URL。 12、<bdo> 定义文本显示方向。 13、<blockquote> 定义摘自另一个源的块引用。 14、<body> 定义文档主体。 15、<br> 定义换行符。 16、<button> 定义按钮。 17、<canvas> 定义图形。 18、<caption> 定义表格标题。 19、<col> 定义表格列的属性。 20、<colgroup> 定义表格列的分组。 21、<command> 定义命令按钮。 22、<datalist> 定义下拉列表。 23、<dd> 定义定义的描述。 24、<del> 定义删除文本。 25、<details> 定义元素的细节。 声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 26、<div> 定义文档的一个部分。 27、<dl> 定义定义列表。 28、<dt> 定义一个定义列表里的项目。 29、<embed> 定义外部交互内容或插件。 30、<fieldset> 可将表单内的相关元素分组。 31、<figcaption> 定义 figure 元素的标题。 32、<figure> 定义媒介内容的分组。 33、<footer> 定义section/page的页脚。 34、<form> 定义表单。 35、<h1> --- <h6> 定义标题 1 到标题 6。 36、<head> 定义关于头部文档的信息。 37、<header> 定义文档的页眉。 38、<hgroup> 定义文档的 section 信息。 39、<hr> 定义水平线。 40、<html> 定义 html 文档。 41、<i> 定义斜体文本。 42、<iframe> 定义行内的子窗口(框架)。 43、<img> 定义图像。 44、<input> 定义输入域。 45、<ins> 定义插入文本。 46、<keygen> 定义生成密钥。 47、<label> 定义表单控件的标注。 48、<legend> 定义 fieldset 的标题。 49、<li> 定义列表的项目。 50、<link> 定义资源引用。 51、<map> 定义图像映射。 声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 52、<mark> 定义有记号的文本。 53、<menu> 定义菜单列表。 54、<meta> 定义元信息。 55、<meter> 定义定义范围内的度量。 56、<nav> 定义导航链接。 57、<noscript> 定义 noscript 部分。 58、<object> 定义嵌入对象。 59、<ol> 定义有序列表。 60、<optgroup> 定义选项组。 61、<option> 定义下拉列表的选项。 62、<output> 定义输出的一些类型。 63、<p> 定义段落。 64、<param> 为对象定义参数。 65、<pre> 定义格式化文本。 66、<progress> 定义任何类型的任务的进度。 67、<q> 定义短的引用。 68、<rp> 定义非ruby显示的内容。 69、<rt> 定义 ruby 注释的解释。 70、 <ruby> 定义 ruby 注释。 71、<script> 定义脚本。 72、<section> 定义文档的节(section)。 73、<select> 定义可选列表。 74、<source> 定义媒介源。 75、<span> 定义文档的节元素。 76、<style> 定义样式定义。 77、<sub> 定义下标文本。 声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 78、<summary> 定义 details 元素的标题。 79、<sup> 定义上标文本。 80、<table> 定义表格。 81、<tbody> 定义表格的主体。 82、<td> 定义表格单元。 83、<textarea> 定义 textarea。 84、<tfoot> 定义表格的脚注。 85、<th> 定义表头。 86、<thead> 定义表头。 87、<time> 定义日期/时间。 88、<title> 定义文档的标题。 89、<tr> 定义表格行。 90、<ul> 定义无序列表。 91、<video> 定义视频。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

苦海123

快乐每一天!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值