HTML页面的文字布局与文字效果

HTML页面的文字布局与文字效果

ID:38965960

大小:2.79 MB

页数:32页

时间:2019-06-22

HTML页面的文字布局与文字效果_第1页
HTML页面的文字布局与文字效果_第2页
HTML页面的文字布局与文字效果_第3页
HTML页面的文字布局与文字效果_第4页
HTML页面的文字布局与文字效果_第5页
资源描述:

《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、引用、较小、较大、上标、下标设置字体风格几种字体风格设置字体风格黑体

斜体

下划线

打字机风格

强调

7、align="center">加重

字体颜色字体的颜色用指定,#可以是6位16进数,分别指定红、绿、蓝的值也可以是black,olive,teal,red,blue,maroon,navy,gray,lime,fudrsia,white,green,purple,sliver,yellow,aqua之一水平线(hr)水平线,一般用于分隔同一文体的不同部分起到美观的作用在窗口中划一条水平线非常简单,只要写一个

8、r>即可水平线标记水平线标记


用来把页面分成几个部分
标记拥有以下属性1.align=#设定线条摆放位置2.size=#属性3.width=#属性设定线条长度4.color=#属性left;right;center以像素作单位,内定为2以像素作单位,可以是绝对或相对值,内定为100%设定线条颜色,内定为黑色水平线
实例
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。