HTML页面的文字布局与文字效果ppt课件.ppt

《HTML页面的文字布局与文字效果ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、HTML页面的文字布局与文字效果、清单的应用回顾HTTP是什么协议?HTML表示什么意思？HTML文档的保存格式是什么？HTML的基本结构由那几个标签组成，各个标签的作用与表格相关的标签有哪些？以及他们各有那些属性？本讲目标掌握HTML页面的文字布局掌握HTML页面的各种字体效果掌握滚动字符理解清单的使用本讲任务页面正文文字布局输入标题划分段落标题段落输入标题HTML中也提供了相应的标题标记，其中n为标题的等级。HTML提供6个等级的标题，n越小，标题的字号就越大。一般情况下，浏览器对标题作如下解释：h1黑体，特大字体

2、，居中，上下各有两行空行。h2黑体，大字体，上下各有一到两行空行。h3黑体，大字体，左端微缩进，上下空行。h4黑体，普通字体，比h3更多缩进，上边空一行。h5黑体，与h4相同缩进，上边空一行。h6黑体，与正文有相同缩进，上边空一行。一般文章都有标题、副标题、章和节等结构，那在HTML中怎么操作一个标题呢?标题属性另外可以有对齐属性，align＝##表示：left标题居左；center标题居中；right标题居右Number1Number2

3、Number3Number4Number5Number6看一下标题大小h1h6划分段落

一般用来显示从文本域输入的内容,因为输入的时候可能会换行等.
标
4、记用来创建一个回车换行在文章的排版过程中，为是使版式的美观，段落与段落之间是有间隔的，在HTML怎么才能完成呢？小结标题标签的表示方式？分几个等级?段落标签的表示方式？换行标签的表示方式？漂亮的文章排版不仅仅只设置标题、段落，还需要对文章内容的修饰HTML页的文字效果在HTML文件里，一般都有大量的文本信息。如要主次分明、重点突出的显示这些信息，则需要在格式设定方面使用更多的标记和更详细的设置。字体大小字体风格字体大小html有七种字号，1号最小，7号最大。缺省字号为3设置文本的字号有两种办法一种是设置绝对字号，
5、ze=字号>另一种是设置文本的相对字号；用第二种方法时“＋”号表示字体变大，“－”号表示字体变小字体风格字体风格物理风格逻辑风格直接指定字体指定文本的作用物理风格VS逻辑风格物理风格黑体，斜体，下划线，打字机体逻辑风格强调、特别强调、源代码、例子、键盘输入、变量、定义、引用、较小、较大、上标、下标设置字体风格几种字体风格
6、黑体
斜体
下划线
打字机风格
强调
加重
字体颜色字体的颜色用
7、=#>指定，#可以是6位16进数，分别指定红、绿、蓝的值也可以是black，olive，teal，red，blue，maroon，navy，gray，lime，fudrsia，white，green，purple，sliver，yellow，aqua之一水平线(hr)水平线，一般用于分隔同一文体的不同部分起到美观的作用在窗口中划一条水平线非常简单，只要写一个
即可水平线标记水平线标记
用来把页面分成几个部分
标记拥有以下属性1．align=#设定线条摆放位置2．size=#属性3．width=#属性设定线条长
8、度4．color=#属性left；right；center以像素作单位，内定为2以像素作单位，可以是绝对或相对值，内定为100%设定线条颜色，内定为黑色水平线
实例