web程序设计课件.ppt

第二章 HTML语言 2.1 HTML文档的基本构成 HTML的基本结构如下： 2.1 HTML文档的基本构成 【例】使用HTML设计一个简单的网页 (1) 打开Windows的附件中的记事本功能，输入下列内容，以hello.htm作为文件名保存。 2.2.1 设置文本格式 1. 分段标记 P 属性=值…/P 段落是文档的基本信息单位。文档中原有的回车和换行均被忽略，分段标记定义一个新段落，换行并插入一个空行。 ALIGN=段落的水平对齐方式 其值如下: Left: 左对齐（默认值） center: 对中 right: 右对齐 justify: 两边对齐 省略该属性，则取默认值。下同。 2．换行标记 BR 换行标记强行规定了当前行的中断，使后续内容在下一次显示的。 2.2.1 设置文本格式 【例】分段标记和换行标记的演示。 输入下列内容，以pbr.HTM作为文件名保存： HTML HEAD TITLE分段标记和换行标记演示/TITLE /HEAD BODY P ALIGN=center第1行演示/P p第2行演示/p 第3行演示BR 第4行演示 /BODY /HTML 2.2.1 设置文本格式  2.2.1 设置文本格式 【例】各种标题标记大小演示。 输入下列内容，以h16.HTM作为文件名保存： HTML HEAD TITLEH1-H6标题演示/TITLE /HEAD BODY 下面是标题演示 H1 ALIGN=center H1标题演示/H1 H2 ALIGN=center H2标题演示/H2 H3 ALIGN=center H3标题演示/H3 H4 ALIGN=left H4标题演示/H4 H5 ALIGN=right H5标题演示/H5 H6 H6标题演示/H6 /BODY /HTML 2.2.1 设置文本格式 4. 对中标记 CENTER…/CENTER 标记中间的内容全部对中。 【例】CENTER标记演示。 输入下列内容，以center.HTM作为文件名保存： HTML HEADTITLECENTER标记演示/TITLE/HEAD BODY下面是CENTER标记演示 CENTER H1 H1标题演示/H1 H2 H2标题演示/H2 H3 ALIGN=left H3标题演示/H3 H4H4标题演示/H4 H5H5标题演示/H5 /CENTER H6 H6标题演示/H6 /BODY/HTML 2.2.1 设置文本格式 5. 块标记 DIV 属性=值……/DIV 定义文档块。常用属性如下： ALIGN=段落的水平对齐方式 其值如下： Left: 左对齐（默认值） center: 对中 right: 右对齐 2.2.1 设置文本格式 6. 水平线标记 HR 属性=值… HR标记在文档中添加一条水平线，用来分隔文档。 常用属性如下： ALIGN=段落的水平对齐方式 其值如下： Left: 左对齐（默认值） center: 对中 right: 右对齐 COLOR=线的颜色 NOSHADE=显示一条无阴影的实线 SIZE=线的宽度(以像素为单位) WIDTH=线的长度(像素或百分比(占页面宽度的百分数))。 2.2.1 设置文本格式 【例】各种水平线的演示。 输入下列内容，以hr.HTM作为文件名保存； HTML HEAD TITLE各种水平线的演示/TITLE /HEAD BODY HR HR SIZE = “2” WIDTH =“300” HR SIZE = “6” WIDTH =“60%” NOSHADE HR WIDTH=“90%” COLOR=“red” /BODY /HTML 2.2.1 设置文本格式 7. 字体标记 FONT 属性=值……/FONT 使用字体标记FONT来设置文本的字符格式，主要包括字体、字号和的颜色等。常用属性如下： FACE=“字体名表”(字体名之间用“,”分隔) 浏览器首先使用字体名表中的第1种字体来显示标记内的文本。如果在运行浏览器的计算机上没有安装第1种字体，则会尝试字体名表中的第2种字体