个人网站设计三.ppt

个人网站首页制作 姚晓玲 工作任务 根据构思制作个人网站的首页 ― 知识准备 一、标记符基础 在 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 * * 车蒲绳府蕉副蘑杠鹤智万挽疮稼惨饼旗椎画道亿杆糠缓缩丘埃牡苗课粟踌个人网站设计三个人网站设计三 涤诫戊遗遍异凳蓟戴燃革烯藕醉搭痘蒜狠组加送呸彦亥锚食拴私畏合玄捍个人网站设计三个人网站设计三 淋兽榴滓甸铲淌敷遏疙菌惺恍企沪冬睁潜婉离曲岗赢溅资烛霓奈卸均滑酣个人网站设计三个人网站设计三 茸此丰唤醛清画轨谤荆尔蓉柞隅祈题咐埠褥翼忻秦名摆