运用HTML5进行文字排版详解

1.设置段落样式的标记
标记 功能
<p> 标记来区分段落  容器标记   会换行并增加一个空行
<br>   换行  单一标记
 
2.设置对齐与缩进的标记

标记	功能
<pre></pre>	让文字按照原始代码的排列方式进行显示
<blockquote></blockquote>	会将标记内的文字换行并缩进
<hr>	添加分隔线
<h1><h2><h3><h4><h5><h6>	<h1>字体最大<h6>最小并独占一行

 

3.设置字型样式的标记

<font>   属性有  size、color、face3种语法如下：

<font size="2" color="#FF0000" face="楷体">

<b>	粗体
<u>	下划线
<i>	斜体
<sup>	上标
<sub>	下标

4.使用列表标记

     4.1.符号列表

      <ul><li>标记

文字段落前加上<ul>标记，在每个项目前面加上<li>标记，在段落结尾加上</ul>标记即可；

exp:

<ul>

<li>这里是学习HTML5的文字排版</li>

<li>坚持是一种态度</li>

</ul> 

4.2编号列表

<ol>标记

属性	设置值	说明
Type	有5种—1、A、a、I、i	数目样式，默认是1
start	1、2、3等整数值	默认为1
reversed	reversed	反向排序，数字由大到小

4.3定义列表

适用于有主题与内容的两段文字，第一段以<dt>标记定义主题，第二段以<dd>标记定义内容。

5.注释与特殊符号

5.1添加注释

格式为：<!--注释文字-->，其中注释文字不会被显示。

5.2使用特殊符号

特殊符号	HTML表示法
©	&copy
<	&it⁢
>	&gt
“	&quot
&	&amp
半角空格	&nbsp

6.创建超链接

链接标记是<a href=””></a>

语法为：

<a herf=”index.htm” target=”_top”>

1.href属性设置的是该连接所要连接的网址或文件路径。

2.Target属性设置链接的网页打开方式。

超链接可以分为文字超链接和图片超链接。

文字超链接为

<a herf=”index.htm”>回首页</a>

图片超链接为

<a herf=”index.htm”><img src=”images/home.jpg” border=”10”></a>

3.站外网页链接

例如：

<a herf =”网址”>自主学习</a>

3.站内网页链接

例如：

<a herf =”链接目标相对路径”>...</a>

4.链接到E-mial邮箱

例如：

<a herf =”mailto:E-mail账号”>...</a>

都是满满的干货+收获。