HTML⽂字与排版
HTML⽂字与排版
段落效果——使⽤排版标记
< p > 标记:
⽤来分出段落，成对出现。
< br > 标记:
⽤来换⾏，没有结尾标记。建议使⽤：< br / >
< pre > 标记:
成对出现，开始标记与结尾标记之间的⽂字按照原始代码的排列⽅式进⾏显⽰。
< blockquote > 标记:
成对出现，表⽰引⽤⽂字，会将标记内的⽂字换⾏并缩进。
属性设置值说明
cite url ⽹址说明引⽤的来源
< hr > 标记:
添加分割线，让画⾯更加容易区分主题或段落。属性有: align, size, width, color, noshade 等。
< h1> 标记:
设置段落的标题⼤⼩和级别，共有6个级别。由此标记标识的⽂字将会独占⼀⾏。
⽂字效果——使⽤⽂字标记
< foot > 标记:
HTML5 已经停⽤。主要可以设计粗体斜体下划线等。
属性设置值说明
size 相对值（size+=2）
绝对值（size=2）
设置⽂字的⼤⼩，默认值为size=3
color 颜⾊名称（color=”red”）
HEX码（color=”#FF0000”）
设置⽂字的颜⾊
face系统内置字形设置⽂字的字体
< b > 标记:
成对出现，将⽂字设置为粗体。
< u > 标记:
成对出现，为⽂字添加下划线。
html span 居中< i > 标记:
成对出现，将⽂字设置为斜体。
< sup > < sub > 标记:
成对出现，为⽂字添加上标和下标。通常⽤于公式的显⽰。
项⽬符号与编号——使⽤列表标记
符号列表，⼜称为⽆序列表（Unordered List）
<ul>
<li> ... </li>
<li> ... </li>
</ul>
编号列表，⼜称为有序列表（Ordered List）
<ol type="1"start="4"reversed="reversed">
<li> ... </li>
<li> ... </li>
</ol>
< ol >标记的属性
属性设置值说明
type设置值有5种设置数⽬样式，默认值：type=1
start1、2、3等整数值设置编号起始值，默认值：start=1
reversed reversed反向排序数字改为由⼤到⼩
编号列表的样式
type设置值项⽬编号样式说明
11，2，3，…阿拉伯数字
A A，B，C，…⼤写英⽂字母
a a，b，c，…⼩写英⽂字母
I I，II，III，…⼤写罗马数字
i i，ii，iii，…⼩写罗马数字
定义列表（Definition List），适⽤于主题与内容的两段⽂字，通常第⼀段以< dt >标记定义主题，第⼆段以< dd >标记来定义内容。
<dl>
<dt>
.....
<dd>
......
</dl>
注释
<!-- 批注⽂字 -->
<!--[if IE]>只有IE会执⾏这⾥的语句<![endif]-->
<!--[if lt IE 9]>IE 9 以下的版本才会执⾏此语句(lt: lower than)<![endif]-->
使⽤特殊符号
HTML中常⽤到的特殊符号
特殊符号HTML 表⽰法
©© ;
<< ;
特殊符号HTML 表⽰法
>> ;
“" ;
&& ;
半⾓空格  ;
新增中继标记——< meta >
meta 标记的语法可分为两⼤类：
<meta http-equiv="HTTP 表头信息" content="信息内容"
以及
<meta name="⽹页信息" content="信息内容"
http-equiv 属性主要⽤于定义HTTP表头信息，例如⽹页编码⽅式、⾃动换页等；name 属性则是描述⽹页的信息，例如⽹页关键字、⽹页作者等。两者必须搭配 content属性使⽤。meta属性放置与head⾥。
http-equiv 属性
content-type
content-type 是设置⽹页⽂件的格式。语法如下：
<meta http-equiv="content-type" content="text/html; charset=gb2321">
content 属性⾥设置⽹页⽂件的格式的内容，每⼀项内容以分号分开；text/html 表⽰以 text 或 html 的标准来编译⽹页；charset 则是指定⽹页的编码字集（Character Set），big5 表⽰编码的字集使⽤的是繁体中⽂，若编码⽅式不对，⽤户会看到⼀对乱码。当⽹页没有指定编码⽅式时，浏览器会⾃动选择最适合的编码⽅式来显⽰⽹页。
refresh
refresh 是让⽹页重新整理，语法如下：
<meta http-equiv="refresh" content="10; url=www.baidu">
content 属性⽤于设置默认秒数，如果加上 rul 参数，就表⽰跳到 url 所指定的⽹页（⾃动跳转）；如果省略⽹址，就表⽰重新整理⽹页。上述代码中，content 属性的语句表⽰10秒后转往百度⾸页。
expires
expires 属性是设置⽹页到期的时间，语法如下：
<meta http-equiv="expires" content="sun, 22 Jun 2018 15:18:44 GMT">
通常⽹页改动不⼤时，浏览器会先从暂存区读取⽹页，当⽹页过期时，才会到服务器重新读取。expires ⽤于设置⽹页到期的时间，content 值必须使⽤ GMT 时间格式。如果希望每次浏览⽹页都能重新下载⽹页，那么只要将 content 值设置为过去的时间即可。
pragma
pragma 是设置 cache（快取）的模式，语法如下：
<meta http-equiv="pragma" content="no-cache">
content 的值表时禁⽌浏览器从暂存区读取⽹页，如此⼀来，⽤户将⽆法脱机浏览。
set-cookie
set-cookie 是设置 cookie 到期的时间，语法如下：
<meta http-equiv="set-cookie" content="sun, 22 Jun 2008 15:18:44 GMT">
当 content 设置的时间到期时，cookie 将被删除。content必须使⽤ GMT 时间格式。
windows-target
windows-target 是限制⽹页显⽰的⽬标窗⼝，语法如下：
<meta http-equiv="windows-target" content="_top">
content 值表⽰强制将⽹页显⽰于最上层，⽹页加⼊这句话可以⽤来防⽌别⼈在框架⾥显⽰您的⽹页。
name 属性
keywords
keywords 是⽤来设置⽹页的关键词，语法如下：
<meta name="keywords" content="animal,dog，动物，狗，宠物">
content 属性⽤于填⼊⽹页的关键词，让搜索引擎可以更容易的根据 keywords 所设置的关键词搜寻到⽹页，关键词可以输⼊中⽂或英⽂，以逗号（,）分隔。
description
description ⽤来说明⽹页的主要内容，语法如下：
<meta name="description" content="⽹站简要说明">
content 属性是描述此⽹页的简要说明，内容应简要明了，建议不要超过100个字符。
author
author ⽤来说明⽹页的作者，语法如下：
<meta name="author" content="Eileen">
content 属性⽤于标明⽹页的作者姓名等资料。
creation-date
creation-date ⽤来标注⽹页制作的时间，语法如下：
<meta name="creation-date" content="sun, 22 Jun 2008 15:18:44 GMT">
content 值必须使⽤ GMT 时间格式。
div 标记
< div > 标记是容器标记，结束必须有 < /div > 标记，属于独⽴的区块标记（block-level）。也就是说，它不会与其它组件同时显⽰在同⼀⾏，< /div > 标记之后会⾃动换⾏。其功能有点类似组，只要放在 div 标记⾥的组件，都会称为单⼀对象。在 HTML 语法⾥，div 标记通常被⽤来做对齐功能，语法如下：
<div align="center" >
div 标记属性如下：
align
align 属性⽤来设置 div 标记⾥的组件对齐⽅式，设置值有center（居中对齐），left（靠左对齐），以及 right（靠右对齐）。
style
style 属性⾥是 CSS 语法⽤来设置组件的样式，上⾯的语法的意思是将⽂字⼤⼩设置为 13pt。
span 标记
span 标记与 div 标记有些类似，差别在于 div 标记之后会换⾏，⽽ span 属于⾏内标记（inline-level），可与其它组件显⽰于同⼀⾏，语法如下：
<span >
span 标记是 HTML4.0 之后才出现的，主要是针对 CSS 样式列表设计的，在 HTML 语法⾥较少使⽤。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。