第3章 用HTML设置文字与段落
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
– 例子
• <font face=“黑体”>传媒学院</font>
3.2.2 设置字号
• 文字的大小 • 基本语法
– <font size=“文字字号”>…</font> – size有7个等级
• 1最小，7最大 • 默认是3
• 例子
– <font size=“7”>WTU</font>
3.2.3 设置文字颜色
• 默认的水平线是空心立体的效果 • 基本语法
– <hr noshade>
3.5 利用marquee设置滚动效果
• 滚动字幕
– 基本语法
<marquee align=left|center|right|top|bottom
bgcolor=#n direction=left|right|up|down behavior=type height=n hspace=n scrollamount=n scrolldelay=n width=n vspace=n loop=n>
3.4.2 设置水平线的宽度与高度属性
• 默认宽度是100％ • 基本语法
– <hr width=“宽度”> – <hr size=“高度”>
• 宽度
– 可以用像素，也可以用百分比
• 高度
– 只能用像素
3.4.3 设置水平线的颜色
• 基本语法
– <hr color=“颜色”>
• 颜色Hale Waihona Puke Baidu
– 颜色的英文名称或#RRGGBB（颜色代码）
…. </marquee>
• 标签属性
3.5.2 使用marquee插入滚动公告
<html > <head> <title>macquee标签的使用</title> </head> <body> <marquee behavior="scroll" direction="up" scrollamount=1 width=100 height=100> 1.week1 HTML<br> 2.week5 HTML<br> </marquee> </body> </html>
3.6 综合练习－设置页面文本及段落
• 使用dreamweaver的代码视图操作
– 设置文本字体、大小、颜色 – 对齐方式 – 段落划分
• 实现类似Word一样的效果
3.3.2 段落的对齐属性
• 可以使用align参数设置
– 该参数不仅可以用在段落标记，还可以用到很多其 他标记中
• 基本语法
– <p align=“对齐方式”>…</p>
• 对齐方式
– left 左对齐 – center 居中对齐 – right 右对齐
• 例子
– <p align=center>Wuhan is a very big city in China</p>
3.3.3 不换行标记
• 如果一行文字过长，浏览器会自动换行， 如果希望在显示的时候不换行，可以使用 该标签 • 基本语法
– <nobr>不换行文字</nobr>
• 演示
– 学生
3.3.4 换行标记
• HTML默认是连续显示文字，如果希望把一 个句子后面的内容在下一行显示，则要用 换行符 • 基本符号
– <br>
• 例子
<body> Wuhan Textile University<br>CM </body>
3.4 水平线标记
• 3.4.1 插入水平线
– 基本语法
• <hr>
– 例子
<body> <p>Wuhan Textile University</p> <hr> <p>CM</p> </body>
3.4.4 设置水平线的对齐方式
• 水平线默认是居中对齐的 • 基本语法
– <hr align=“对齐方式”>
• 对齐方式
– left 左对齐 – center 居中对齐 – right 右对齐
• 演示例子
– 画一条占浏览器一半宽度的较粗的红色直线，且左 对齐 – 学生
3.4.5 利用水平线去掉阴影
3.2 设置文字格式
• <font>标记用来控制字体、字号和颜色等属性， HTML中的基本标记之一 • 3.2.1 设置字体
– 基本语法
• <font face=“字体样式”>…</font>
– 字体样式
• 字体的名称，比如“宋体”
– 可在word中获得系统支持的字体名称 – Dreamweaver中可以选择
• 基本语法
– <font color=“字体颜色”>…</font> – 颜色
• 颜色的英文单词 • #RRGGBB表示
• 例子
– <font color=“red”>CM</font>
3.2.4 设置粗体、斜体、下划线
• 粗体
– <b>加粗的文字</b> – <strong>加粗的文字</strong>
第3章 用HTML设置文字、段落
GGAO CM WTU
学习目标
• • • • • • 输入文字 设置文字的格式 设置段落的格式 水平线的标记 创建列表 使用marquee设置滚动效果
3.1 插入其他标记
• 3.1.1 输入空格符号
– “＆nbsp”表示网页上的一个空格
• 3.1.2 输入特殊符号
• 斜体
– <i>斜体文字</i> – <em>斜体文字</em> – <cite>斜体文字</cite>
• 下划线
– <u>下划线的内容</u>
3.3 设置段落的格式
• 把一段文字分成相应的段落，使网页层次 分明 • 3.3.1 段落标记
– 把一段文字标记起来，表示它们是一个段落 – 基本语法
• <p>段落文字</p>