设为首页 收藏本站
查看: 1186|回复: 0

[经验分享] HTML——标签_1(文本格式化)

[复制链接]
发表于 2017-6-21 18:36:23 | 显示全部楼层 |阅读模式
  HTML(Hyper Text Markup Language)
  一、常用标签
  1.<html>描述网页的文本</html>
  2.<body>可见的页面内容</body>
  3.标题:<h1>-<h6>
  4.段落



<p>这是一个段落</p>
  5.链接



<a href="http://www.baidu.com"></a>

  6.图像



<img src="test.jpg" width="104" height="142" />

  7.空的html元素(换行)



<br />
  8.水平线



<hr />

  9.注释



<!-- This is a comment -->

  二、文本格式化
  1.粗体<b>、语气强烈的强调<strong>、大号<big>、强调<em>、斜体<i>、小号<small>、下标<sub>、上标<sup>



<html>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>

  2.预格式文本
  <pre> 适合用于代码显示,对空格和空行进行控制 (多行代码使用pre、单行代码使用code)



<pre>
for i = 1 to 10
print i
next i
</pre>
  3.缩写、首字母缩写
  <abbr>、<acronym>,鼠标移至缩略词时,会显示完整词语



<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

  4.定义文本方向
  <bdo>  rtl:right to left



<bdo dir="rtl">
Here is some Hebrew text
</bdo>

  5.块引用(如引用别人的一段话,或者一句话)

使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素(添加双引号)不会有任何特殊的呈现。


<html>
<body>
这是长的引用:
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
这是短的引用:
<q>
这是短的引用。
</q>

</body>
</html>

  6.删除和下划线



<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>



文本格式化标签

标签描述

<b>
定义粗体文本。


<big>
定义大号字。


<em>
定义着重文字。


<i>
定义斜体字。


<small>
定义小号字。


<strong>
定义加重语气。


<sub>
定义下标字。


<sup>
定义上标字。


<ins>
定义插入字。


<del>
定义删除字。


<s>
不赞成使用。使用 <del> 代替。


<strike>
不赞成使用。使用 <del> 代替。


<u>
不赞成使用。使用样式(style)代替。



“计算机输出”标签

标签描述

<code>
定义计算机代码。


<kbd>
定义键盘码。


<samp>
定义计算机代码样本。


<tt>
定义打字机代码。


<var>
定义变量。


<pre>
定义预格式文本。


<listing>
不赞成使用。使用 <pre> 代替。


<plaintext>
不赞成使用。使用 <pre> 代替。


<xmp>
不赞成使用。使用 <pre> 代替。



引用、引用和术语定义

标签描述

<abbr>
定义缩写。


<acronym>
定义首字母缩写。


<address>
定义地址。


<bdo>
定义文字方向。


<blockquote>
定义长的引用。


<q>
定义短的引用语。


<cite>
定义引用、引证。


<dfn>
定义一个定义项目。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-386434-1-1.html 上篇帖子: Linux下ffmpeg的各种编解码器的安装 下篇帖子: Windows Azure中WebSite 网站, Cloud Service 云服务,Virtual Machine 虚拟机的比较
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

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