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

无序列表是一种“项目符号列表”。其中的项目都带有项目符号前缀。该列表包含在无序列表标记UL .. /UL内。列表中的每个项目都使用列表标记LI进行标记，其中LI表示List Item（列表项）。关闭标记/LI是可选的。 输出时每一清单条目缩进，并且以黑点标示 注意清单条目不需要结尾链接签/li HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY UL LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 /UL /BODY /HTML 有序列表包含在OL .. /OL标记内。有序列表也显示列表项目。它与无序列表的区别在于有序列表项前面的编号是可设置的有序编号。 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY OL LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 /OL /BODY /HTML 有序清单条目标记的缺省值是阿拉伯数字，可以用type属性修改。方法为： ol type=# “#”的取值有如下几种类型： “#”取值为“A”，显示大写字母。 “#”取值为“a”，显示小写字母。 “#”取值为“I ”，显示大写罗马数字。 “#”取值为“i”，显示小写罗马数字。 “#”取值为“l ”，缺省值，显示阿拉伯数字。 定义清单用于对清单条目进行简短说明。 用dl开始，清单条目用dt引导，它的说明用dd引导 Body dl dt第一条： dd定义清单 /dl /Body 用什么标签实现文字的滚动？默认的方向是从什么到什么？ 清单的三种类型 完成如右图所示的HTML代码 HTML页面标题用什么标签控制？ HTML页面段落用什么标签控制？ HTML中字体的控制用什么标签？列举出这个标签的2个属性 HTML页面的滚动字符用什么标签控制? HTML页面的三中清单类型 HTTP是什么协议? HTML表示什么意思？HTML文档的保存格式是什么？ HTML的基本结构由那几个标签组成，各个标签的作用 与表格相关的标签有哪些？以及他们各有那些属性？ 掌握HTML页面的文字布局 掌握HTML页面的各种字体效果 掌握滚动字符 理解清单的使用 输入标题 划分段落 标题 段落 HTML中也提供了相应的标题标记hn，其中n为标题的等级。 HTML提供6个等级的标题，n越小，标题的字号就越大。 一般情况下，浏览器对标题作如下解释： h1 黑体，特大字体，居中，上下各有两行空行。 h2 黑体，大字体，上下各有一到两行空行。 h3 黑体，大字体，左端微缩进，上下空行 。 h4 黑体，普通字体，比h3更多缩进，上边空一行。 h5 黑体，与h4相同缩进，上边空一行。 h6 黑体，与正文有相同缩进，上边空一行 。 一般文章都有标题、副标题、章和节等结构，那在HTML中怎么操作一个标题呢? 另外hn可以有对齐属性，align＝# #表示：left 标题居左；center 标题居中； right 标题居右 h1 align=centerNumber 1/h1 h2 align=centerNumber 2/h2 h3 align=centerNumber 3/h3 h4 align=centerNumber 4/h4 h5 align=centerNumber 5/h5 h6 align=centerNumber 6/h6 h1 h6 pre/pre标记对用来创建一个段落，在此标记对之间的文本按照段落的格式显示在浏览器上。HTML将多个空格以及回车等效为一个空格，HTML的分段完全依赖于分段标记。 pre一般用来显示从文本域输入的内容,因为输入的时候可能会换行等. br标记用来创建一个回车换行 在文章的排版过程中，为是使版式的美观，段落与段落之间是有间隔的，在HTML怎么才能完成呢？ 标题标签的表示方式？分几个等级? 段落标签的表示方式？换行标签的表示方式？ 漂亮的文章排版不仅仅只设置标题、段落，还需要对文章内容的修饰 在HTML文件里，一般都有大量的文本信息。如要主次分明、重点突出的显示这些信息，则需要在格式设定方面使用更多的标记和更详细的设置。 字体大小 字体风格 html有七种字号，1号最小，7号最大。缺省字号为3 设置文本的字号有两种办法 一种是设置绝对字号，font size=字号 另一种是设置文本的相对字号；font size=±n 用第二种方法时“＋”号表示字体变大，“－”号表示字体变小 字体风格 物理风格 逻辑风格 直接指定字体 指定文本的作用 物理风格 b黑体，i斜体，u下划线，tt打字机体 逻辑风格