HTML网页制作基础教程+好看的ppt模板.pptVIP

2.1 HTML标记;技能目标 ;2.1 HTML标记 ;2.1 HTML标记 ;案例2-1 个人简历制作 利用HTML标记创建一个“个人简历”静态页面，效果如图所示。;案例2-1 个人简历制作 【案例分析】 一个完整的HTML文档一般由标题、段落、图像、表格等对象组成。制作HTML页面要通过添加背景标记、表格标记、文字标记、字体标记、图像标记和链接标记来完成。;案例2-1 个人简历制作 【操作步骤】 （1）创建文件夹，将相关图片素材拷至文件夹内。新建一个HTML文档，保存到文件夹下，并命名“index”，打开该文档，切换到代码视图。 （2）利用title/title 标记修改网页标题。 （3）利用“background”选项设置页面背景。 （4）通过添加代码插入表格。 （5）通过添加代码设置超级链接。 （6）添加序列代码。 （演示操作）;案例2-1 个人简历制作 ;对于一般的网页设计初学者而言，表单功能其实并不常用，因为表单通常必须配合着CGI、JAVA Script程式或是ASP程式来运作，不然表单单独存在的意义并不大。不过，一旦有机会将表单运用到网页中时，您的网页将摆脱单向呈现，而开始迈入和使用者互动的阶段！ 本节以介绍常见表单及表单对象代码为主，为大家学习动态网页奠定一定基础，至于如何与数据库连接实现它们的功能等将放在第七章详细介绍。;案例2-2问卷调查制作——畅所欲言聊奥运 制作一个与奥运相关的问卷调查网页，收集浏览者的相关资料和留言，如图所示 。 ;案例2-2问卷调查制作——畅所欲言聊奥运 【案例分析】 在这个案例中，需要用到案例2-1中讲到的表格布局、文本、图像等内容，不同的是，因为要收集相关信息，所以要用到表单和表单对象，这里就不再赘述基本网页元素的代码添加方法了，而是在做好的基本页面的基础上通过添加表单和表单对象代码的方法实现问卷调查的功能。 ;案例2-2问卷调查制作——畅所欲言聊奥运 【操作步骤】 （1）创建文件夹，将相关图片素材拷至文件夹内。打开index文档，切换到代码视图。 （2）利用form/form 标记插入表单。 （3）利用表格相关标记插入嵌套表格 。 （4）通过添加代码插入??本字段。 （5）通过添加代码插入单选按钮。 （6）通过添加代码插入复选框。 （7）通过添加代码插入文本区域。 （8）通过添加代码插入提交和重置按钮。 （演示操作）;案例2-2问卷调查制作——畅所欲言聊奥运 ;实 训