运用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>

都是满满的干货+收获。

运用HTML5进行文字排版详解相关推荐

《HTML5网页开发实例详解》连载（四）HTML5中的FileSystem接口
HTML 5除了提供用于获取文件信息的File对象外,还添加了FileSystem相关的应用接口.FileSystem对于不同的处理功能做了细致的分类,如用于文件读取和处理的FileReader和Fi ...
canvas插件_HTML系列之-HTML5新元素之Canvas详解
课程简介: 课程目标:通过本课程学习,掌握HTML5中图形绘制canvas的基本原理和使用,并利用canvas解决实际相关问题. 适用人群:具有一定html.css.javascript开发基础的人员 ...
视频教程-HTML5+CSS3项目实战详解-HTML5/CSS
HTML5+CSS3项目实战详解 13年软件开发经验,设计开发30多个大型软件,涉及政府.银行.电信.能源等大型软件项目. 精通J2EE体系架构,熟练使用Struts.Spring.hibernate ...
php仿苹果,关于8个超炫酷仿苹果应用的HTML5动画的图文详解
苹果的产品一直以精美的UI著称,无论是软件应用还是硬件设备.本文主要分享了8个很不错的HTML5动画应用,这些动画正式模仿了苹果的各类应用,有焦点图.钟表.菜单等HTML5应用和jQuery插件,大家 ...
html5 调用手机摄像头详解
html5 调用手机摄像头详解首先,我们看看HTML代码结构,当然,这部分的DOM内容应该是在用户允许使用其摄像头事件出发后,动态加载生成的. 注意: 我们采用的是 640X480的分辨率,如 ...
调用百度ai接口实现图片文字识别详解
调用百度ai接口实现图片文字识别详解首先先介绍一下这篇博文是干嘛的,为了不浪费大家时间.公司最近和短视频公司合作,需要监控app的截图上的文字是否符合规范,也就是确保其没有违规的文字.到网上找了一些 ...
html5 3d全景代码,HTML5教程三维全景详解
本篇教程探讨了HTML5教程三维全景详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < 准备: 1.一张或多张全景图片素材 2.pano2VR软件,链接: ...
html里的section可以设置id,html5中section元素详解
html5中section元素详解一.总结一句话总结: section元素用来定义文章中的章节(通常应该有标题和段落内容) section元素的作用就是给内容分段,给页面分区 1.section ...
html5触屏滑动事件,HTML5的touch事件详解
原标题:HTML5的touch事件详解 HTML5中新添加了很多事件,比较常看到的是touch事件,下面来详解下html5中的触摸touch事件. touchstart:触摸开始的时候触发touchm ...
HTML5本地存储使用详解
HTML5本地存储使用详解前言随着Web应用的发展,需要在用户本地浏览器上存储更多的应用数据,传统的cookie存储的方案已经不能满足发展的需求,而使用服务器端存储的方案则是一种无奈的选择.HTM ...

运用HTML5进行文字排版详解

运用HTML5进行文字排版详解相关推荐

最新文章

热门文章