第1课WEB数据库-HTML语言(一).ppt

第1课 HTML语言简介（一） 说明： ① 属性n用来指定标题文字的大小。n可以取1～6的整数值，取1时文字最大，6时文字最小。 ② 属性align用来设置标题在页面中的对齐方式，取值有：left（左对齐）、center（居中）或right（右对齐）。 ③ H…/H标记缺省显示宋体字。H…/H 标记会自动插入一个空行。在一个标题行中无法使用不同大小的字体。 标题文字标记的格式为： Hn align=对齐方式 标题文字 /Hn 【例1-3】使用标题标记设置标题内容的大小与对齐方式。 HTML HEAD TITLE 设置标题 /TITLE /HEAD BODY H1第1级标题（H1）/H1 H2第2级标题（H2）/H2 H3第3级标题（H3）/H3 H4 align=left第4级标题（H4）（居左）/H4 H5 align=center第5级标题（H5）（居中）/H5 H6 align=right第6级标题（H6）（居右）/H6 /BODY /HTML 图1-3 设置标题文字大小 浏览器的显示效果如图1-3所示。 2. 文本文字标记 在网页中为了增强页面的层次，其中的文字可以用不同的大小、字体、字型、颜色。文本文字标记FONT用来设定文字的字体、字号和颜色。其格式为： FONT size=数字 face=字体名 color=颜色 被设置的文字 /FONT 说明：FONT标记的属性包括：size、face、color。 ① size属性用来设置文字的大小。数字的取值范围从1～7，size取1时最小，取7时最大。 ② face属性用来设置字体。如黑体、宋体、楷体_GB2312、隶书、Times New Roman等。 当文字为汉字时，格式中的“字体名”可以为：宋体、幼圆、隶书、楷体_GB2312、黑体、仿宋_GB2312等。当文字为英文时，字体名可以为Times New Roman等约50种字体。其实，这里的字体名字就是在Word的“字体”工具栏中显示的字体名。 ③ color属性用来设置文字颜色，其取值见表2-2。 【例2-4】使用FONT标记的size属性设置文字的大小；face属性设置字体。color属性设置文字颜色。 HTML HEAD TITLE使用FONT标记/TITLE /HEAD BODY H1设置文字的属性/H1 FONT size=1 color=cyan1号字青色/FONT FONT size=2 color=green2号字绿色/FONT FONT size=3 face=幼圆 color=orange3号幼圆桔黄色/FONT FONT size=4 face=隶书 color=crimson4号隶书深红色/FONT FONT size=5 face=黑体 color=greenyellow5号黑体黄绿色/FONT FONT size=6 face=方正舒体 color=dodgerblue6号方正舒体水蓝色/FONT FONT size=7 face=华文彩云 color=lavender7号华文彩云淡紫色/FONT /BODY /HTML 在浏览器中的显示效果如图2-4所示。 图1-4 设置文本文字属性 说明： ① FONT和Hn标记都可以设置文字的大小，二者的区别见表1-3。 自动加粗 n=1～6，取6时最小，1时最大 Hn 文字 /Hn 标题 Hn 不自动加粗 n=1～7，取1时最小，7时最大 FONT size=n文字/FONT 一段文章、语句、短语 FONT 字体加粗 文字大小n的取值 用法 对象 标记 表1-3 FONT与Hn标记的区别 另外，当FONT中的size取7时，文字比H1要大。 ② BODY标记中的text属性和FONT标记中的color属性都可以设置文本的颜色，FONT标记直接作用其后的文字，可在文件中多处设定，使网页中文字的颜色绚丽多彩。 当BODY与FONT标记同时对文字颜色进行定义时，FONT标记优先。 3. 设置字型 字型就是文字的风格，如加粗、斜体、带下划线、上标、下标等。字型的控制标记见表1-4。 表1-4 设置各种字型的标记 小字体文本 SMALL受影响的文字/SMALL 大字体文本 BIG受影响的文字/BIG 上标 受影响的SUP文字/SUP 下标 受影响的SUB文字/SUB 带删除线 受影响的文字 STRIKE受影响