二分类数据集 Docker java开发环境变量 Scala docker安装部署 sed lua xampp smtp Font Awesome vue循环数组 后台管理界面模板 找公司做网站 河南普通话考试报名官网 angular视频教程 java后台框架 jquery去空格 jquery绑定事件的方法 jquery使用ajax 数据库设计规范 matlab对数函数 c语言求和 mysql增删改查语句 当前时间减一天 python断言assert实例 python安装 python操作文件 python中文教程 java中的tostring java函数 java字符串查找 java数组添加元素 java基础编程 java定义接口 linux系统简介 flash相册制作 乱码查看器 在线pr序列设置 js添加元素 vnc客户端
当前位置: 首页 > 学习教程  > 编程学习

[前端]HTML文本格式化

2021/1/9 1:54:42 文章标签: xmp格式

字体的格式&#xff1a;&#xff08;加粗&#xff0c;重点&#xff0c;斜体&#xff09; <html> <head><meta charset"UTF-8"><title>This is a title</title> </head> <body> <b>加粗</b> <strong>加…

字体的格式:(加粗,重点,斜体) 

<html>
<head>
    <meta charset="UTF-8">
    <title>This is a title</title>
</head>
<body>
<b>加粗</b>
<strong>加重语气</strong>
<em>着重文字</em>
<i>斜体字</i>
<small>小号字</small>
<sub>上标字</sub>
H<sub>2</sub>O
H<sup>2</sup>
</body>
</html>

显示:

 格式化:

一个有趣的保留原有格式的标签:

<pre>标签

<html>
<head>
    <meta charset="UTF-8">
    <title>This is a title</title>
</head>
<body>
<pre>保留空格和换行</pre>
<pre>for(int i=0;i<100;i++){
     System.out.println(i);
     }</pre>
</body>
</html>

显示:

计算机输出标签:

<html>
<head>
    <meta charset="UTF-8">
    <title>This is a title</title>
</head>
<body>
<code>计算机代码</code>
<br/>
<kbd>Keyboard code----键盘码</kbd>
<br/>
<tt>Teletype text-------打字机代码样本</tt>
<br/>
<samp>Sample text-------计算机代码样本</samp>
<br/>
<var>Computer variable------定义变量</var>
<p>
<b>注释</b>
</p>
</body>
</html>

 显示:

缩写和首字母缩写:

<html>
<head>
    <meta charset="UTF-8">
    <title>This is a title</title>
</head>
<body>
<abbr title="etcetera">etc.</abbr>
<br/>
<acronym title="World wide web">WWW</acronym>
</body>
</html>

将鼠标移到你缩略好的字母上显示全称:

块引用:

 

<html>
<head>
    <meta charset="UTF-8">
    <title>This is a title</title>
</head>
<body>
<blockquote>长引用
    1.  失业  unemployment = layoffs= job losses
    2.  简历  resume – hand in
    3.  人才人事  personnel = talent =human resources
    4.  职位  position = post =opening
    5.  福利计划  benefitspackage
    6.  创新  innovation =creativity
    7.  顾问  consultant
    8.  破产  bankrupt = shut down
    9.  剧降  decline = drop = fall
    10. 恶化  deteriorate = decline= get worse
    11. 市议会  city council
</blockquote>
<q>短引用
    1.  失业  unemployment = layoffs= job losses
    2.  简历  resume – hand in
    3.  人才人事  personnel = talent =human resources
    4.  职位  position = post =opening
    5.  福利计划  benefitspackage
    6.  创新  innovation =creativity
    7.  顾问  consultant
    8.  破产  bankrupt = shut down
    9.  剧降  decline = drop = fall
    10. 恶化  deteriorate = decline= get worse
    11. 市议会  city council
</q>
<p><b>长引用和短引用相比:长引用增加外边距</b></p>
</body>
</html>

显示:

删除字和插入字:

 

<html>
<head>
    <meta charset="UTF-8">
    <title>This is a title</title>
</head>
<body>
<p>买<del>13</del><ins>31</ins>瓶果啤回来。</p>
<b>其中<em>del</em>标签是删除字,而<em>ins</em>标签是插入字</b>
</body>
</html>

显示:

总结:

  • <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>    定义一个定义项目。 

本文链接: http://www.dtmao.cc/news_show_1100085.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?