欢迎来到天天文库
浏览记录
ID:38965960
大小:2.79 MB
页数:32页
时间:2019-06-22
《HTML页面的文字布局与文字效果》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、HTML页面的文字布局与文字效果、清单的应用回顾HTTP是什么协议?HTML表示什么意思?HTML文档的保存格式是什么?HTML的基本结构由那几个标签组成,各个标签的作用与表格相关的标签有哪些?以及他们各有那些属性?本讲目标掌握HTML页面的文字布局掌握HTML页面的各种字体效果掌握滚动字符理解清单的使用本讲任务页面正文文字布局输入标题划分段落标题段落输入标题HTML中也提供了相应的标题标记,其中n为标题的等级。HTML提供6个等级的标题,n越小,标题的字号就越大。一般情况下,浏览器对标题作如下
2、解释:h1黑体,特大字体,居中,上下各有两行空行。h2黑体,大字体,上下各有一到两行空行。h3黑体,大字体,左端微缩进,上下空行。h4黑体,普通字体,比h3更多缩进,上边空一行。h5黑体,与h4相同缩进,上边空一行。h6黑体,与正文有相同缩进,上边空一行。一般文章都有标题、副标题、章和节等结构,那在HTML中怎么操作一个标题呢?标题属性另外可以有对齐属性,align=##表示:left标题居左;center标题居中;right标题居右Number1<
3、h2align="center">Number2Number3Number4Number5Number6看一下标题大小h1h6划分段落标记对用来创建一个段落,在此标记对之间的文本按照段落的格式显示在浏览器上。HTML将多个空格以及回车等效为一个空格,HTML的分段完全依赖于分段标记。4、>一般用来显示从文本域输入的内容,因为输入的时候可能会换行等.标记用来创建一个回车换行在文章的排版过程中,为是使版式的美观,段落与段落之间是有间隔的,在HTML怎么才能完成呢?小结标题标签的表示方式?分几个等级?段落标签的表示方式?换行标签的表示方式?漂亮的文章排版不仅仅只设置标题、段落,还需要对文章内容的修饰HTML页的文字效果在HTML文件里,一般都有大量的文本信息。如要主次分明、重点突出的显示这些信息,则需要在格式设定方面使用更多的标记和更详细的设置。字体大小字体风格字体大小html有七种5、字号,1号最小,7号最大。缺省字号为3设置文本的字号有两种办法一种是设置绝对字号,另一种是设置文本的相对字号;用第二种方法时“+”号表示字体变大,“-”号表示字体变小字体风格字体风格物理风格逻辑风格直接指定字体指定文本的作用物理风格VS逻辑风格物理风格黑体,斜体,下划线,打字机体逻辑风格强调、特别强调、源代码、例子、键盘输入、变量、定义、6、引用、较小、较大、上标、下标设置字体风格几种字体风格设置字体风格黑体斜体
4、>一般用来显示从文本域输入的内容,因为输入的时候可能会换行等.标记用来创建一个回车换行在文章的排版过程中,为是使版式的美观,段落与段落之间是有间隔的,在HTML怎么才能完成呢?小结标题标签的表示方式?分几个等级?段落标签的表示方式?换行标签的表示方式?漂亮的文章排版不仅仅只设置标题、段落,还需要对文章内容的修饰HTML页的文字效果在HTML文件里,一般都有大量的文本信息。如要主次分明、重点突出的显示这些信息,则需要在格式设定方面使用更多的标记和更详细的设置。字体大小字体风格字体大小html有七种5、字号,1号最小,7号最大。缺省字号为3设置文本的字号有两种办法一种是设置绝对字号,另一种是设置文本的相对字号;用第二种方法时“+”号表示字体变大,“-”号表示字体变小字体风格字体风格物理风格逻辑风格直接指定字体指定文本的作用物理风格VS逻辑风格物理风格黑体,斜体,下划线,打字机体逻辑风格强调、特别强调、源代码、例子、键盘输入、变量、定义、6、引用、较小、较大、上标、下标设置字体风格几种字体风格设置字体风格黑体斜体
4、>一般用来显示从文本域输入的内容,因为输入的时候可能会换行等.标记用来创建一个回车换行在文章的排版过程中,为是使版式的美观,段落与段落之间是有间隔的,在HTML怎么才能完成呢?小结标题标签的表示方式?分几个等级?段落标签的表示方式?换行标签的表示方式?漂亮的文章排版不仅仅只设置标题、段落,还需要对文章内容的修饰HTML页的文字效果在HTML文件里,一般都有大量的文本信息。如要主次分明、重点突出的显示这些信息,则需要在格式设定方面使用更多的标记和更详细的设置。字体大小字体风格字体大小html有七种
5、字号,1号最小,7号最大。缺省字号为3设置文本的字号有两种办法一种是设置绝对字号,另一种是设置文本的相对字号;用第二种方法时“+”号表示字体变大,“-”号表示字体变小字体风格字体风格物理风格逻辑风格直接指定字体指定文本的作用物理风格VS逻辑风格物理风格黑体,斜体,下划线,打字机体逻辑风格强调、特别强调、源代码、例子、键盘输入、变量、定义、
源代码、例子、键盘输入、变量、定义、
6、引用、较小、较大、上标、下标设置字体风格几种字体风格设置字体风格黑体
7、align="center">加重
8、r>即可水平线标记水平线标记
此文档下载收益归作者所有