HTML页面的文字布局与文字效果.ppt
《HTML页面的文字布局与文字效果.ppt》由会员分享,可在线阅读,更多相关《HTML页面的文字布局与文字效果.ppt(32页珍藏版)》请在三一文库上搜索。
1、HTML页面的文字布局与文字效果、清单的应用,回顾,HTTP是什么协议? HTML表示什么意思?HTML文档的保存格式是什么? HTML的基本结构由那几个标签组成,各个标签的作用 与表格相关的标签有哪些?以及他们各有那些属性?,本讲目标,掌握HTML页面的文字布局 掌握HTML页面的各种字体效果 掌握滚动字符 理解清单的使用,本讲任务,页面正文文字布局,输入标题 划分段落,标题,段落,输入标题,HTML中也提供了相应的标题标记,其中n为标题的等级。 HTML提供6个等级的标题,n越小,标题的字号就越大。 一般情况下,浏览器对标题作如下解释: h1 黑体,特大字体,居中,上下各有两行空行。 h2
2、 黑体,大字体,上下各有一到两行空行。 h3 黑体,大字体,左端微缩进,上下空行 。 h4 黑体,普通字体,比h3更多缩进,上边空一行。 h5 黑体,与h4相同缩进,上边空一行。 h6 黑体,与正文有相同缩进,上边空一行 。,一般文章都有标题、副标题、章和节等结构,那在HTML中怎么操作一个标题呢?,标题属性,另外可以有对齐属性,align# #表示:left 标题居左;center 标题居中; right 标题居右,Number 1 Number 2 Number 3 Number 4 Number 5 Number 6,看一下标题大小,h1,h6,划分段落,标记对用来创建一个段落,在此标记
3、对之间的文本按照段落的格式显示在浏览器上。HTML将多个空格以及回车等效为一个空格,HTML的分段完全依赖于分段标记。 一般用来显示从文本域输入的内容,因为输入的时候可能会换行等. 标记用来创建一个回车换行,在文章的排版过程中,为是使版式的美观,段落与段落之间是有间隔的,在HTML怎么才能完成呢?,小结,标题标签的表示方式?分几个等级? 段落标签的表示方式?换行标签的表示方式? 漂亮的文章排版不仅仅只设置标题、段落,还需要对文章内容的修饰,HTML页的文字效果,在HTML文件里,一般都有大量的文本信息。如要主次分明、重点突出的显示这些信息,则需要在格式设定方面使用更多的标记和更详细的设置。 字
4、体大小 字体风格,字体大小,html有七种字号,1号最小,7号最大。缺省字号为3 设置文本的字号有两种办法 一种是设置绝对字号, 另一种是设置文本的相对字号;,用第二种方法时“”号表示字体变大,“”号表示字体变小,字体风格,字体风格,物理风格,逻辑风格,直接指定字体,指定文本的作用,物理风格VS逻辑风格,物理风格 黑体,斜体,下划线,打字机体 逻辑风格 强调、特别强调、源代码、例子、键盘输入、变量、定义、引用、较小、较大 、上标、下标,设置字体风格,几种字体风格, 设置字体风格 黑体 斜体 下划线 打字机风格 强调 加重 ,字体颜色,字体的颜色用指定,#可以是6位16进数,分别指定红、绿、蓝的
5、值 也可以是black,olive,teal,red,blue,maroon,navy,gray,lime,fudrsia,white,green,purple,sliver,yellow,aqua之一,水平线 (hr),水平线,一般用于分隔同一文体的不同部分起到美观的作用 在窗口中划一条水平线非常简单,只要写一个即可,水平线标记,水平线标记用来把页面分成几个部分 标记拥有以下属性,1align=# 设定线条摆放位置,2size=#属性,3width=#属性设定线条长度,4color=#属性,left;right;center,以像素作单位,内定为2,以像素作单位,可以是绝对或相对值,内定为1
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 页面 文字 布局 文字效果
链接地址:https://www.31doc.com/p-3470763.html