文本标签与段落标记.ppt

文本标签与段落标记
color属性用来设置文字的颜色，它可以和<font>标签的其它属性共同使用，各属性之间无先后次序
用法格式：
<font color=“#ff0000”>你好</font>
文字默认颜色为黑文本标签与段落标记
color属性用来设置文字的颜色，它可以和<font>标签的其它属性共同使用，各属性之间无先后次序
用法格式：
<font color=“#ff0000”>你好</font>
文字默认颜色为黑色
颜色属性 color
8
请你写出你的姓名，性别，年龄，分以三行居中显示
每一行要求使用不同的颜色，不同的字体，不同的字号显示
标题为“我的信息”，要求大小为一号标题字并居中显示
练****br/>9
粗体标签<b>、<strong>
斜体标签<i>、<em>、<cite>
上标标签<sup>
源自：superscript 可表示平方和公式
下标标签<sub>
源自：subscript 可表示化学分子式
文本格式化标签
10
大字号标签 <big>
可将所包含文字在原字号上增加一级
小字号标签 <small>
可将所包含文字在原字号上减小一级
下划线标签 <u>
文本格式化标签
11
请在网页上显示：H2SO4
请在网页上显示：a2+b2=(a+b)2-2ab
给上标标签强调并且带有下划线
练****br/>12
<p>用来起始一个段落
<p>标签中也有align属性，可以调整段落的对齐方式
<br>的作用是将文本换行
连续的<br>可以连续换行
<br>是单标签，也做<br/>
段落标记
13
<nobr>使标签之间的文字不自动换行
<nobr></nobr>为成对标签
<hr>插入水平线
width属性调整水平线宽度，包括两种表示方式：像素值和百分比
size属性调整水平线的高度，只能用像素值表示
段落标记
14
<hr>插入水平线
noshade属性用于是否显示阴影
该属性为布尔值，有该属性则表示无阴影，无该无属性即为存在阴影
color属性用于设置水平线的颜色，可用RGB格式或英文颜色单词表示
align属性用于设置水平线的对齐方式
段落标记
15
居中标记<center></center>
标记之间的文字会居中显示
预处理格式标记<pre></pre>
标记之间将保持文本本身的样式
注意：预处理标记会将标签样式显示出来
段落标记
16
特殊符号代码对应表
其他标记
特殊符号
符号的代码
空格
&nbsp;
“
&quot;
&
&amp;
<
&lt;
>
&gt;
X
&times;
©
&copy;
®
&reg;
™
&trade;
17
做出右图所示的网页
提示：

，作
者行字号为4，正文为5，版
权符号上标
实心： &#8226;

帮助文档
答案 唐诗练****br/>练****br/>18
本章我们学****了
标题字标签的使用
文本基本标签<font>的使用
文本格式化标签的使用
如何设置文字效果：加粗、斜体、上标、下标、大字号、小字号、下划线
段落标记的使用：
<p><br><nobr><hr>
如何插入其他标记
本章小结
19
对上次作业一期设计总结进行文本排版
标题字号为3，加粗，居中对齐，字体为黑体，设置一个与背景搭配的颜色1，标题下面插入不带阴影的水平分割线
正文字体为隶书，字号为4，设置一个与背景搭配的颜色2，根据内容合理分段和换行，左对齐
落款为姓名和日期，右对齐，字号为4，斜体，设置一个与背景搭配的颜色3
课后作业
20
谢谢