web前端开发--格式化文本与段落

特殊符号对应的代码:

显示结果 说明 符号代码
  显示一个空格  
< 小于 &lt;
> 大于 &gt;
& &符号 &amp;
" 双引号 &quot;
© 版权 &copy;
® 注册商标 &reg;
× 乘号 &times;
÷ 除号 &divide;

 

 

 

 

 

 

 

 

 

 

常见文本修饰标记:

标记 说明
<b></b> 粗体
<i></i> 斜体
<u></u> 下划线
<del></del> 删除线
<sup></sup> 上标
<sub></sub> 下标
<strong></strong> 着重文字
<em></em> 加重语气
<small></small> 变小字号
<big></big> 变大字号

 

 

 

 

 

 

 

 

 

 

 

常用计算机输出标记:

标签 说明
<code></code> 计算机代码
<kbd></kbd> 键盘码
<smap></smap> 计算机代码样本
<tt></tt> 打字机代码
<var></var> 变量
<pre></pre> 预格式化文本

 

 

 

 

 

 

 

常用的引用和术语标记:

标记 主要用途
<abbr></abbr> 缩写
<address></address> 地址
<blockquote></blockquote> 长的引用
<cite></cite> 引用、引证
<q></q> 定义短的引用语,IE看不到引号,其余可以
<dfn></dfn> 一个定义项目

 

 

 

 

 

 

 

 

 

字体font标记:

基本语法:<font  face=" "  size=" "  color=" ">……</font>

font标记的属性、值及说明:

属性 说明
size +1~+7,1~7,-1~-7 正数字越大字号越大,负数字越大字号越小
color rgb(r,g,b) rgb(r%,g%,b%) #rrggbb或#rgb colorname 规定文本的颜色。可使用rgb函数、十六进制、颜色英文名来表达
face 字体1,字体2,……,字体n face属性可以有多个值,用逗号分隔。字体使用方式为从左到右依次选用。只要字体不存在,则使用后一个字体,都不存在,使用默认“宋体”

 

 

 

 

 

 

 

段落p标记:

基本语法:<p  align="left | center | right | justify">段落正文内容</p>

段落p标记align属性的值及说明:

说明
left 左对齐
center 居中
right 右对齐
justify 两端对齐

 

 

 

 

 

 

换行br标记:

基本语法:<br>或</br>

 

水平分隔线hr标记:

基本语法:<hr  width=" "  color=" "  align=" "  noshade>

hr标记的属性、值及说明

属性 说明
width 像素px或百分比 水平线宽度
size 整数,单位px 水平线高度
noshade noshade 水平线无阴影
color rgb函数、十六进制数、颜色英文名 水平线颜色
align left | center | right 水平线对齐方式

 

 

 

 

 

 

 

内容居中center标记:

基本语法:<center>内容</center>

 

段落缩进blockquote标记:

基本语法:<blockquuote>内容</blockquote>

 

预格式化pre标记:

基本语法:<pre>内容</pre>

优点:浏览器保留源文件中的格式

 

posted on 2018-03-31 15:57  酸菜大战土豆丝儿  阅读(210)  评论(0编辑  收藏  举报

导航