《网页前端技术》HTML任务一.ppt

语法：body topmargin =”value” topmargin，设定页面的上边距； leftmargin，设定页面的左边； bottommargin，设定页面的底边距； rightmargin，设定页面的右边距。 value可以设成百分比。 3 页面边距 案例步骤 一、网页布局实例 打开记事本，写代码： html head title设置背景图像/title /head body background=jingbohu.jpg center p /p p /p p /p p /p pfont color=red size=+6盼望着，盼望着，东风来了，春天脚步近了./font /p /center /body /html 显示效果如图 注意：还有一个_search属性，是在浏览器的搜索区装载文档，这个功能只在IE6.0或者更高版本中适用。 注意：FACE就是我们经常见到的“宋体”、“黑体”等字体，设定页面采用哪种字体，如果系统中没有第一种字体，就会显示第二种，依此类推。如果系统都没有安装定义的字体，就会显示默认的字体。 注意：FACE就是我们经常见到的“宋体”、“黑体”等字体，设定页面采用哪种字体，如果系统中没有第一种字体，就会显示第二种，依此类推。如果系统都没有安装定义的字体，就会显示默认的字体。 HTML 任务一 认识HTML 案例分解 案例资讯 创建第一个HTML文件 正确进行网页布局 什么是HTML HTML文件的基本结构 HTML头部内容 HTML主体内容 教学目的: 掌握HTML的基本结构 掌握使用记事本创建简单的网页 熟练掌握网页的正确布局 教学重点： HTML的基本结构 　　 教学难点： 如何进行网页的布局 　　 案例一 创建第一个HTML文件 案例资讯 什么是HTML HTML文件的基本结构 HTML是超文本标记语言，不是编程语言，和一般文本不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag（标记），扩展名是.html，我们用记事本来编写HTML文件。 一、什么是HTML 二、HTML文件的基本结构 1、HTML文件结构 HTML文档主要分三部分 HTML部分： 以HTML标签开始，以/HTML标签结束。 HTML ... /HTML HTML标签告诉浏览器这两个标签中间的内容是HTML文档。 头部：用HEAD标签，标题包含在TITLE和 /TITLE标签之间。 HEAD TITLE ... /TITLE /HEAD 主体部分：用BODY标签 BODY ... /BODY 二、HTML文件的基本结构 二、HTML文件的基本结构 HTML文件结构如图所示。 html head title我的第一个网页/title /head body Hello World ! /body /html 头部部分 HTML部分 主体部分 二、HTML文件的基本结构 2、编写文件的注意事项 ①“ ?”和“ ”?是HTML任何标记的开始和结束 ②标记与标记间可以嵌套 ③在HTML代码源中不区分大小写 ④代码源中任何回车和空格在显示时不起作用 ⑤HTML标记中可以放置各种属性。 ⑥在HTML源代码中注释。 3、HTML文件的命名 名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录名应以英文、拼音为主。 二、HTML文件的基本结构 ① HTML代码中的所有标签遵循XHTML 1.0的书写规范，包括： a)? 标签全部使用小写； b)? 标签全部闭合； c)? 所有属性必须有值而且用双引号； d)? 把所有和特殊符号用编码表示； e)? 所有的标签必须合理嵌套； f)? 注释中不要使用 --------? 如这样写是错误的：!-- 注释------------注释 --； 二、HTML文件的基本结构 ② 标签有语意： a) ?布局排版用div； b)? 标题用h1——h6； c)? 段落用p；无序列表用ul，有序列表用ol； ③ 放弃不被IE支持的标签，如abbr；放弃不被w3c推荐的html4标签，如：centerfontb等等； ④ title的合理应用 ⑤ 根据网站的结构，对HTML进行模块化 ⑥ 所有页面都需要定义背景颜色，系统默认值是可以被用户随意更改的 二、HTML文件的基本结构 案例步骤 一、我的第一个网页 打开记事本以后，我们可以在里面输入代码， html head title我的第一个网页/title /hea