Ch03: 文字版面的编辑 3.1 版面控制标记

3.1.1 取消文字换行: <NOBR>

1-取消换行文字实例;1-取消换行文字实例; 1-取消换行文字实例; 2-取消换行文字实例;2-取消换行文字实例; 2-取消换行文字实例;

3-默认换行文字实例;3-默认换行文字实例; 3-默认换行文字实例; 4-默认换行文字实例;4-默认换行文字实例; 4-默认换行文字实例;

3.1.2 换行: <BR>
3.1.3 段落: <P>

3.1.4 保留原始排版方式: <PRE>

           锄禾
锄禾日当午,
汗滴禾下土;
谁知盘中餐,
粒料皆辛苦。

3.1.5 水平分隔符: <HR>
align=left


align=left width=50%


size=20 width=50%


size=20


size=20 noshade


size=20 colore="blue"


 3.1.6 空格: &nbp;

3.1.7 居中对齐: <CENTER>
锄禾
锄禾日当午,

汗滴禾下土;

谁知盘中餐,

粒粒皆辛苦。

3.1.8 向右缩进: <BLOCKQUOTE>
锄禾
锄禾日当午,
汗滴禾下土;
谁知盘中餐,
粒粒皆辛苦。

3.2 标题文字的建立

3.2.1 标题文字标识及对齐属性: <Hx>
网页内可用的各等级标题:

标题文字1

标题文字2

标题文字3

靠左对齐的标题文字4

居中对齐的标题文字5
靠右对齐的标题文字6

3.3 文字格式标记

3.3.1 文字格式控制: <Font>
楷体
font size=1
font size=2
font size=3
font size=4
font size=5
font size=6
font size=7
红色字体
绿色字体
蓝色字体
楷体3号红色字体
3.3.2 特定文字样式标记:
粗体:<b> : 粗体
斜体:<i> : 斜体
下划线:<u> : 下划线
删除线:<s> : 删除线
放大:<big> : 放大
缩小:<small> : 缩小
上标:<sup> : 上标
下标:<sub> : 下标
3.3.3 其它特殊文字样式:
加强强调字体:<strong>: 文字将以加强强调模式显示
强调字体: <em>: 文字将以强调样式显示
地址: <address>:

用来显示电子邮件或网址

程序代码:<code>: 用来说明程序代码与指令
3.3.4 特殊符号的表示方法:
": >": &>
"&: &": &amp;
"": "": &quot;
3.4 BODY标记属性

bgcolor:背景色
backgroud: 背景图片
text:文字颜色
附:backgroud 与 bgcolor 选择其一使用即可。

TEST

haha
hehe
hihi
注意点:
1 ) 对于在两个相邻HTML版面控制标记(?)之间的文字,HTML会在文字的最后默认存在一个换行标识。
不管你把它们设计得如何漂亮和层次分明,只要没有HTML换行标识,HTML仍会将他们连在一起当做一个整体字串来看
当中间的文字仅仅只是一行时,<BR>可以省略不写;
如果是多行文字,每行文字末尾必须手动补充你想要设置的HTML换行标记,不能省略。

ch03-文字版面的设计的更多相关文章

  1. IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 HTML基础标签

    指引 网页中的信息主要是以文本为主的,可以通过字体.大小.颜色.底纹.边框等来设置文本的属性.文字版面的编辑包括文本标签和格式标签两种,在浏览器中显示的文字内容和格式都要在<body>标记 ...

  2. 【优秀的艺术文字和图标设计软件】Art Text 3.2.3 for Mac

      [简介] Art Text 3.2.3 版本,这是一款Mac上简单易用的艺术文字和图标设计软件,今这款软件内置了大量的背景纹理和特效,能够让我们非常快速的制作出漂亮的图标,相比专业的PS,Art ...

  3. IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 使用HTML表格

    表格在网站中应用得非常广泛,使用它可以方便.灵活地排版,很多动态大型网站也都是借助表格排版的,但现在都使用DIV+CSS进行页面布局.表格可以把相互关联的信息元素集中定位,使浏览页面的人一目了然.在H ...

  4. IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 小结及试题

    小结 HTML标签包含结构标签和基础标签,基础标签是在页面制作最常使用的一些标签.基础标签包含标题标签(<h1>~<h6>).换行标签(<br>).段落标签(< ...

  5. IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 HTML框架结构

    使用HTML框架结构可以把一个浏览器窗口划分为若干个小窗口,每个窗口可以显示不同的URL网页,每个框架里的网页相互独立.这样不仅可以非常方便地在浏览器中同时浏览不同的页面效果,而且可以非常方便地完成导 ...

  6. Mac 设计师必备的设计绘图软件 推荐与下载

    Mac设计师必备的设计绘图软件,为广大设计师推荐一些Mac上实用且强大的软件,使用好的软件,事半功倍,设计出精美的作品. Mac上优秀的设计类软件非常多,绝对不止这几款软件,看看以下内容,希望对你有帮 ...

  7. ACM TOMM 2017最佳论文:让AI接手繁杂专业的图文排版设计工作

    编者按:你是否曾经为如何创作和编辑一篇图文并茂.排版精美的文章而烦恼?或是为缺乏艺术灵感和设计思路而痛苦?AI技术能否在艺术设计中帮助到我们?今天我们为大家介绍的这篇论文,“Automatic Gen ...

  8. PPT设计宝典!十招教你做出拿得出手的PPT

    据说上班用 excel 的比 word 的工资高,用 ppt 的比用 excel 的工资高.无论如何,在职场演讲汇报中,PPT 扮演着至关重要的角色. 在本文我们将用 10 个超级技巧来解决糟糕的演示 ...

  9. Ch04-文字列表的设计

    Ch04: 文字列表的设计 4.1 编号列表 语法: <OL> <li>编号1 <li>编号2 ...... </OL> 属性: 编号类型:type=1 ...

随机推荐

  1. 140304笔记, mysql 更改自动增长字段值的重新设定

    1. 存在同名的或不同的namespace交错情况. Caused by: com.ibatis.sqlmap.client.SqlMapException: There is no result m ...

  2. select count的优化

    select count的优化 2011-08-02 12:01:36 分类: Oracle 一般情况下,select count语句很难避免走全表扫描,对于上百万行的表这个语句使用起来就比较吃力了, ...

  3. abs(INT_MAX-(-1))

    写一个程序,结果总是不对,check逻辑好几遍也没发现错误,无奈之下debug.发现一个有趣的现象abs(INT_MAX-(-1))返回值是-2147483648.于是看了下abs函数的代码实现. i ...

  4. POJ3414Pots

    http://poj.org/problem?id=3414 题意 : 大意是说给你两个杯子的体积和一个目标体积,a,b,c,通过对a,b进行6种操作,调出c体积的水,6种操作分别是把a倒满,把b倒满 ...

  5. POJ 1062 昂贵的聘礼(Dijkstra)

    题意 : 真真是做POJ第一次遇到中文题,好吧,虽然语言通了,我一开始也没看懂样例什么意思,题意的话就是说这个探险家想娶酋长的女儿,但是没有钱,酋长说他可以用祭司的水晶球或者皮袄来换取少花一部分钱,同 ...

  6. hdu 2177 取(2堆)石子游戏 博弈论

    由于要输出方案,变得复杂了.数据不是很大,首先打表,所有whthoff 的奇异局势. 然后直接判断是否为必胜局面. 如果必胜,首先判断能否直接同时相减得到.这里不需要遍历或者二分查找.由于两者同时减去 ...

  7. JS操作Radio与Select

    //radio的chang事件,以及获取选中的radio的值 $("input[name=radioName]").on("change", function( ...

  8. 让Windows蓝屏死机

    ssdt 随便一个函数入口改90就蓝了 ------------------------------------------------- program Project2; uses Windows ...

  9. Java入门到精通——基础篇之多线程实现简单的PV操作的进程同步

    Java入门到精通——基础篇之多线程实现简单的PV操作的进程同步 一.概述     PV操作是对信号量进行的操作.     进程同步是指在并发进程之间存在一种制约关系,一个进程的执行依赖另一个进程的消 ...

  10. JRE下的rt.jar、tools.jar

    JRE下的rt.jar: 这个文件是极为重要的一个文件,rt是runtime的缩写,即运行时的意思.是java程序在运行时必不可少的文件. 里面包含了java程序员常用的包,如java.lang,ja ...