文档章节

HTML5文字与排版

 会娟
发布于 2017/08/02 17:51
字数 333
阅读 3
收藏 0

1、特殊字符文本:页面添加普通文本<!--普遍文本是指汉字或者在键盘上可以直接输入的字符--><!--http://www.character-code.com/-->

    1.1 半角大的空白:&ensp;

    1.2 全角大的空白:&emsp;

    1.3 不断行的空白格:&nbsp;

    1.4 大于:&gt;

    1.5 小于:&lt;

    1.6 &符号:&amp;

    1.7 双引号:&quot;

    1.8 版权:&copy;

    1.9 已注册商标:&reg;

    1.10 商标(美国):&trade;

2、Web页面特殊文本添加

    2.1 重要文本:b/strong/em

    2.2 斜体文本:i

    2.3 上标和下标文本:sup/sub

3、文本排版 <br /><!--换行标签-->

        <h1>~<h6>标题1~标题6的使用

4、文字列表——无序列表 ul

<h2>无序列表</h2>    

    <ul>

        <li>一级列表</li>

            <ul>

                <li>二级列表</li>

                <li>二级列表</li>

                <li>二级列表</li>

            </ul>

        <li>一级列表</li>

        <li>一级列表</li>

    </ul>

5、文字列表——有序列表 ol

<h2>有序列表</h2>    

    <ol>

        <li>一级列表</li>

            <ol>

                <li>二级列表</li>

                <li>二级列表</li>

                <li>二级列表</li>

            </ol>

        <li>一级列表</li>

        <li>一级列表</li>

    </ol>

6、文字列表——自定义列表 dl

    <h2>创建一个定义列表</h2>

    <dl>

        <dt>相关分类</dt>

        <dd>书籍/杂志/报纸</dd>

        <dd>书籍/杂志/报纸</dd>

        <dd>书籍/杂志/报纸</dd>

        <dd>书籍/杂志/报纸</dd>

    </dl>

 

 

 

© 著作权归作者所有

上一篇: 图片简介
下一篇: HTML5
粉丝 1
博文 8
码字总数 4638
作品 0
无锡
私信 提问
6 个典型的 HTML5 文字特效示例

在HTML5出现之前,网页上的文字比较单一,除了设置大小、颜色、粗细之外,没有任何出色的特效,当然优秀的文字排版也能让页面显得舒服温馨,但 是当我们需要让页面变得震撼惊奇的话,那么HTM...

tp_wire
2012/08/30
11.3K
0
HTML4 和 HTML5 的10个关键区别

HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话 ,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆...

虫虫
2011/10/13
89.7K
14
9款流行的 HTML5/CSS3 框架推荐

HTML5 和 CSS3 框架越来越流行,紧跟潮流,本文推荐9款不错的HTML5 和 CSS3 框架。 Gridless Gridless 是个很棒的HTML5 和CSS3 框架,制作跨平台网站排版、布局等。 Inuit.css 作者 Harry Ro...

小卒过河
2011/06/27
36.4K
1
HTML5下TABLE标签是否没什么用处了

在HTML5以前经常使用TABLE标签来进行网页排版和布局,但发现在HTML5下好像已很少再使用这个标签来布局网页内容了。那么请教一下大家,在HTML5下使用什么标签进行页面内容的排版和布局呢?...

wlrjgzs
2016/03/24
1K
6
开发时间缩短90% Amaze UI助H5梦工场响应式网站快速上线

近日,HTML5梦工场使用云适配开源HTML5跨屏前端框架Amaze UI对自身网站进行了重新开发。开发完成的新网站,用户无论通过任何终端访问,网站内容都能保持实时同步,并能以最佳的展现方式呈现出...

云适配
2016/05/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring系列教程八: Spring实现事务的两种方式

一、 Spring事务概念: 事务是一系列的动作,它们综合在一起才是一个完整的工作单元,这些动作必须全部完成,如果有一个失败的话,那么事务就会回滚到最开始的状态,仿佛什么都没发生过一样。...

我叫小糖主
今天
5
0
CentOS 的基本使用

1. 使用 sudo 命令, 可以以 root 身份执行命令, 必须要在 /etc/sudoers 中定义普通用户 2. 设置 阿里云 yum 镜像, 参考 https://opsx.alibaba.com/mirror # 备份mv /etc/yum.repos.d/CentO...

北漂的我
昨天
2
0
Proxmox VE技巧 移除PVE “没有有效订阅” 的弹窗提示

登陆的时候提示没有有效的订阅You do not have a valid subscription for this server. Please visit www.proxmox.com to get a list of available options. 用的是免费版的,所以每次都提示......

以谁为师
昨天
3
0
Java设计模式之外观模式(门面模式)

什么是外观模式   外观模式(Facade),他隐藏了系统的复杂性,并向客户端提供了一个可以访问系统的接口。这种类型的设计模式属于结构性模式。为子系统中的一组接口提供了一个统一的访问接口...

须臾之余
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部