博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
适合0基础的web开发系列教程-文本格式标签汇总
阅读量:6202 次
发布时间:2019-06-21

本文共 1084 字,大约阅读时间需要 3 分钟。

html标签主要是起结构的作用,布局的效果主要靠css完成,比如颜色、背景、字体大小、对齐等。

不过html标签中也有一些常用的文本格式化标签,能对文本内容进行简单的格式设置。

比如加粗文字、定义斜体、定义小号字、下划线、删除线、上标和下标等。

 

			
夜鹰教程网 斜体www.yyjcw.com
斜体www.yyjcw.com
加粗www.yyjcw.com
加粗www.yyjcw.com
下划线www.yyjcw.com
删除线培训机构
小号字www.yyjcw.com

X2+Y2=Z2

 效果如下:

 

另外,有时候需要在网页里面显示html代码,而不是把代码解析成效果。

我们可以使用pre标签或者xmp标签:

			
夜鹰教程网
<div></div> &lt;i&gt;斜体www.yyjcw.com&lt;/i&gt;&lt;br&gt; &lt;em&gt;斜体www.yyjcw.com&lt;/em&gt;&lt;br&gt; &lt;strong&gt;加粗www.yyjcw.com&lt;/strong&gt;&lt;br&gt; &lt;b&gt;加粗www.yyjcw.com&lt;/b&gt;&lt;br&gt; &lt;ins&gt;下划线www.yyjcw.com&lt;/ins&gt;&lt;br&gt; &lt;del&gt;删除线培训机构&lt;/del&gt;&lt;br&gt; &lt;small&gt;小号字www.yyjcw.com&lt;/small&gt;&lt;br&gt; &lt;p&gt;X&lt;sup&gt;2&lt;/sup&gt;+Y&lt;sup&gt;2&lt;/sup&gt;=Z&lt;sup&gt;2&lt;/sup&gt;&lt;/p&gt; <div></div>

  

显示效果

 

 

 

使用pre的时候要注意,html中的< 和 >符号要用&lt;i和 &gt;  代替,例如,我们想在网页中原样输出这段代码:  <i>www.yyjcw.com</i>

夜鹰教程网
 www.yyjcw.com

 还有一种办法实现html代码按原样显示:

			
夜鹰教程网
					

  

转载于:https://www.cnblogs.com/yyjcw/p/10199112.html

你可能感兴趣的文章
POJ 1238 Substrings
查看>>
[Angularjs]angular ng-repeat与js特效加载先后导致的问题
查看>>
小用 flex布局
查看>>
spring boot + swagger2
查看>>
移动端之js控制rem,适配字体
查看>>
帝国CMS7.2忘记后台密码怎么找回 【这个才是真的有用】
查看>>
火焰灯menu修改之后,可以实现数遍点击小方块停留在当前页面
查看>>
mybatis动态sql中的bind绑定
查看>>
MySQL 之Navicat Premium 12安装使用、pymysql模块使用、sql注入问题的产生与解决
查看>>
MFC 文件与文件夹相关操作
查看>>
Node.js学习心得
查看>>
meta常用标签总结
查看>>
nuxt.js踩坑之 - SSR 与 CSR 显示不一致问题
查看>>
并发基本概念及实现,进程、线程基本概念
查看>>
2016如何突破自我,必做十件疯狂的事
查看>>
iOS - 让WKWebView 支持 NSURLProtocol
查看>>
python多线程与threading模块
查看>>
python一等函数
查看>>
js页面字段的必填验证方法
查看>>
idea+springboot+freemarker热部署
查看>>