网页设计基础从零开始构建HTML 页面第2章从零开始构建HTML页面_补充案例.doc

下载文档

181
0
约1.04万字
约 20页
2021-01-14 发布于北京
举报
版权申诉
保障服务

网页设计基础从零开始构建HTML 页面第2章从零开始构建HTML页面_补充案例.doc

1、本文档共20页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

博学谷——让IT教学更简单，让IT学习更有效 PAGE 16 第2章补充案例【案例2-1】入门案例一、案例描述考核知识点 HTML文档基本格式练习目标初步了解HTML文档基本格式。能够运用HTML文档基本格式制作简单的页面。需求分析学习任何一门语言，都要首先掌握它的基本格式，HTML标记语言也不例外。要想制作丰富多彩的HTML网页，首先需要掌握HTML文档的基本格式。本案例通过编写一个简单的HTML网页，使初学者更好地理解HTML文档的基本格式。案例分析效果如图2-1所示。入门案例效果具体实现步骤如下：新建Dreamweaver默认文档。在<title></title>标记中添加网页标题。在<body></body>标记中添加两个段落。二、案例实现新建HTML页面，具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>入门案例</title> </head> <body> 吾生也有涯 而知也无涯 </body> </html> 保存后，在火狐浏览器中预览，效果如图2-2所示。入门案例效果注意：上述案例是一个基本的html基本结构，在此结构的基础上可以再增加更多的样式和内容来充实网页。【案例2-2】 标记的应用一、案例描述考核知识点标记的属性练习目标理解标记的属性。掌握标记的使用方法。需求分析为了使网页中的文本呈现出丰富的样式，就需要设置文本的字体、字号大小、字体颜色等，这时就用到了标记。本案例通过给标记添加属性，来实现丰富的文本样式。案例分析效果如图2-3所示。 标记的应用效果具体实现步骤如下：在页面主体<body>中添加一段文本。使用标记包围需要特殊显示的文本。对标记应用属性。二、案例实现新建HMTL文件，具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>标记的应用</title> </head> <body> 传智播客java就业班.net就业班网页平面就业班php就业班 </body> </html> 保存后，在火狐浏览器中预览，效果如图2-4所示。 标记的应用效果注意：实际制作网页时，不建议使用标记，常使用CSS样式代替来定义文本的字体、大小和颜色。【案例2-3】如何插入特殊字符一、案例描述考核知识点特殊字符标记练习目标掌握常用特殊字符标记的使用。需求分析制作网页时，为了让数学符号、版权信息等符号正常显示，就需要了解插入特殊字符的方法。本案例将通过插入特殊字符的方法在页面输出各种各样的特殊字符。案例分析效果如图2-5所示。如何插入特殊字符效果具体实现步骤如下：在Dreamweaver默认文档中添加5个段落。在每个段落中分别使用不同的代码插入相应的特殊字符。二、案例实现新建HTML页面，代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>特殊字符</title> </head> <body> 我是特殊字符空      &nb

您可能关注的文档

文档评论（0）

WanDocx + 关注: 实名认证

内容提供者

大部分文档都有全套资料，如需打包优惠下载，请留言联系。所有资料均来源于互联网公开下载资源，如有侵权，请联系管理员及时删除。

咨询Ta 进入空间

1亿VIP精品文档

更多 >

网页设计基础从零开始构建HTML 页面第2章从零开始构建HTML页面_补充案例.doc