第九章 个人网站设计三.pptVIP

个人网站首页制作 姚晓玲 工作任务 根据构思制作个人网站的首页 ― 知识准备 一、标记符基础 在 HTML 中，所有的标记符都用尖括号括起来。例如，html、a。 HTML 标记符是不区分大小写的。html、Html和HTML没有区别。 绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。某些标记符，例如BR，只要求单一标记符号。 开始标记符与结束标记符的区别在于：结束标记符多一个斜杠“/”（不是反斜杠“\”！）HTML/HTML 属性是用来描述对象特征的特性。例如，一个人的身高、体重就是人这个对象的属性。 在HTML中，所有的属性都放置在开始标记符的尖括号里，多个属性之间用空格分开，通常也不区分大小写。 例如，可以用字体标记符和字号属性指定文字的大小。FONT SIZE=1本行字将以较小字体显示。/FONT 一个 Web 页实际上对应于一个 HTML 文件，HTML 文件以 .htm 或 .html 为扩展名 二、HTML文件的基本结构 三、使用记事本创建网页 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 四、META标签 HEAD META name=”keywords”,content=”古诗词鉴赏，唐诗，宋词” TITLE古诗词学习/TITLE /HEAD 说明当前网页中的关键词有“古诗词鉴赏，唐诗，宋词”。 HEAD META name=”description”,content=”古诗词爱好者之家，唐诗、宋词欣赏” TITLE网页标题 /TITLE /HEAD 对当前网页内容进行了描述。 注意：由于搜索引擎会自动查找网页的META值来给网页进行分类，因此要提高网页被搜索引擎检索上的几率，可以给关键网页都设置Description(站点在引擎上的描述)和Keywords（搜索引擎用来分类的关键词）。 五、页面背景色或背景图像 六、文本相关标签 字体、字号 标题标签H1－H6 FONT标签 特殊符号 行的控制 段落标签P 换行标签BR （一）字体、字号相关标签 标题标签 H# ... /H# #=1, 2, 3, 4, 5, 6 说明：H1到H6 字体大小依 次递减 字体、字号相关标签 FONT标签 特殊符号 （二）行的控制相关标签 段落标签P 段(Paragraph) p 换行标签BR 换行 br 七、图像标签 常见的图片格式介绍 IMG src=“images/p66.jpg” width=“400“ height=“300“ alt=“春眠不觉晓 图像与文本的对齐方式 IMG align=middle 八、文字布局标签 内容分隔HR标签 项目列表和编号 有序列表OL 无序列表UL 如何使用内容分隔HR标签 HR size=5 color=red width=300 如何使用列表 无序列表语法 UL LI列表项内容 /LI …… /UL 有序列表语法 OL LI列表项内容 /LI …… /OL 九、页面链接A标签 链接到其他页面 相对路径 指定相对于当前文件的文件位置。 。 绝对路径 指定从根目录到文件的完整路径 九、页面链接A标签 链接到其他页面 A href=“tspages/tsindex.html”唐诗/A 要实现如下图所示的超链接效果，怎么办？ 链接到本页面 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记 A NAME = “锚记名称”链接到的位置内容/A 为达到这种跳转效果，请在 HREF 参数中使用该标记 A HREF= “#锚记名称”链接目录/A 电子邮件链接 要链接电子邮件，可在链接标签中插入”mailto:邮箱地址” A href=“mailto:yaoxiaolingbb@163.com”和我联系/A 十、滚动MARQUEE标签 MARQUEE scrolldelay =“100” direction=“up 滚动文字或图像 /MARQUEE * * HTML HEAD TITLE我的第一个网页 /TITLE /HEAD BODY 网页内容 /BODY /HTML HTML 网页 HEAD头部部分 BODY主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 网页标题 网页内容，可以是文本、图像等 这部分包含文本、图像和链接。它包括在 BOD