教你从0开始学习制作网页3

1第三章：文字与段落邱江涛21.标题文字的建立1.1HTML文档中的标题文字对文本中的章节进行划分，它们以固定的字号显示。HTML文档中的标题文字有六个级别。语法：h1标题文字/h1是一级标题h6标题文字/h6是第六级标题1.2标题文字的对齐方式：默认情况下，标题文字是左对齐的。可以通过在h标签中设置align属性来改变标题对齐方式3标题文字的对齐方式属性值有leftcenterright三种，其含义是左对齐，居中对齐，右对齐例如：h1aligh=center1级标题居中对齐/h1练习：创建一个html文档，体会各种标题设置（6个级别和3种对齐方式）42.文字格式标记可以在HTML的文件体部分直接输入文字，它们将显示在页面中。如果需要为文字设置不同的效果，可以使用font/font标记。在这个标记之间的文字的效果将被font标记的属性设置。2.1设置文字字体–faceHTML语言可以通过font标记的face属性来设置文字的字体。但前提是计算机中安装了该字体。HTMLHEADTITLENewDocument/TITLEBODYfontface=黑体中华人民共和国/fontpfontface=幼圆中华人民共和国/font/BODY/HTML52.2字号HTML提供了font标记的size属性来设置字号。字号的设置可以是1-7例如，fontsize=6helloworld/font2.3文字的颜色通过font标记的color属性来设置文字的颜色，文字颜色的设置值与背景颜色的设置值相同例如，fontcolor=“#0099FF”helloworld/font6练习：创建一个HTML文件，可以取得下面的文字设置效果黑体4号蓝色字宋体5号红色色字幼圆6号绿色字有情提示：p标记可以对文字分段72.4粗体、斜体、下划线粗体语法：strong文字/strong或b文字/b斜体语法：em文字/em或I文字/I下划线语法：u文字/u2.5上标与下标：语法：上标sup…/sup下标sub…/sub8练习：在HTML文档中编辑下面的公式92.5设置删除线–strik语法：strik删除的文字/strik例子：2.6空格一般情况下，在网页中输入文字时，如果在段落开始增加了空格，在使用浏览器进行浏览时，往往看不到这些空格(试一试)。这是因为HTML文件中，浏览器本身会将空格自动删除，如果想在HTML文件中显示空格，可以使用特殊符号 来代替。102.7其他空格符号除了空格符号，在网页制作的过程中，还有一些特殊符号也需要使用代码进行代替。一般情况下，特殊符号的代码有前缀&、字符名称和后缀；组成。HTML原代码显示结果描述<小于号或显示标记>大于号或显示标记&&可用于显示其它特殊字符"引号®®已注册©©版权™™商标 半个空白位 一个空白位 不断行的空白11练习：请编辑一个能产生如下效果的html文档。抬头空两个字符商标尖括号双引号123.段落标记在网页中如果要把文字有调理的显示，离不开段落标记的使用。在文本编辑软件中，可以通过回车来产生一个段落。在HTML中则不行，需要用标记来实现。3.1段落标记–p与其他标记不同，p标记可以没有结束标记。例如亲爱的客户，您正打算购买IBM的产品吗？正在为如何选择而困扰吗？p正在为跟谁联系而头痛吗？/p只需选择您感兴趣的产品、服务或解决方案亲爱的客户，您正打算购买IBM的产品吗？正在为如何选择而困扰吗？p正在为跟谁联系而头痛吗？p只需选择您感兴趣的产品、服务或解决方案等同于效果（三个段落）13在段落标记p中可以设置align属性，来规定段落的对齐方式（包括left、right、center三种）例如palign=right段落对齐/p3.2换行标记在HTML中可以使用br标记让文字强制换行。br标记是单标记。3.3居中对齐标记–center对于段落来说，有时候需要将段落居中。将需要居中的文字放入center/center标记之间即可。14练习：将唐诗“春晓”，在HTML文档中做出下列文字效果的网页（不要求背景）。春晓孟浩然春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。154.水平线在网页中可以使用水平线将段落与段落隔开。4.1添加水平线标记---hr在网页中输入一个hr标记，就添加了一条默认样式的水平线。（试一试）4.2设置水平线宽带和高度属性默认情况下，在网页中插入的水平线是100%宽度，1像素的高度。而实际创建网页时，可以对水平线的高度和宽度进行设置。hrwidth=宽度size=高度说明：水平线的宽度值即可以是确定的像素值，也可以是窗口的百分比。但高度只能是像素值。（试一试）164.3水平线颜色，color属性hrcolor=“颜色代码”4.4水平线的对齐方式align水平线在默认的情况下是居中对齐的。如果希望左对齐或右对齐，需要使用参数alignhralign=对齐方式对齐方式包括left、right、center（试一试）4.5去掉水平线阴影--noshade默认情况下，水平线是空心带阴影的立体效果，通过设置noshade参数可以将水平线的阴影去掉。hrnoshade17练习：做出如下图所示的HTML文档醉花阴李清照薄雾浓云愁永昼，瑞脑销金兽。佳节又重阳，玉枕纱厨，半夜凉初透。东篱把酒黄昏后，有暗香盈袖。莫道不销魂，帘卷西风，人比黄花瘦。18综合练习创建如下所示的HTML文档，背景图片在“综合练习文件”文件夹中。“满江红“的词请自己上网查找