HTML基础实例教程.docx
- 文档编号:29036823
- 上传时间:2023-07-20
- 格式:DOCX
- 页数:103
- 大小:1.72MB
HTML基础实例教程.docx
《HTML基础实例教程.docx》由会员分享,可在线阅读,更多相关《HTML基础实例教程.docx(103页珍藏版)》请在冰豆网上搜索。
HTML基础实例教程
一、HTML部分
一、实例名称:
认识HTML的基本标签和属性
1、实例目标及知识点
通过制作简单的HTML页面,对HTML的标签和属性有个宏观的认识,激发学生对HTML语言的兴趣。
运用了body的属性:
text、background、alink、leftmargin、topmargin
熟悉这些属性的用途和设置方法。
2、实例功能说明
做出符合以下要求的网页:
(1)将网页标题设置为:
欢迎来到我的个人网页;
(2)将网页背景设置为指定图片:
(3)将网页的文本颜色设置为:
#660033
(4)将网页的左边距设置为:
10px,上边距设置为:
400px;
(5)将网页以文件名为:
例1-2.html保存。
实验结果参照页面美化效果,如下图:
图1-1
3、实例操作步骤
(1)在HTML的编辑页面输入源码。
(2)将此HTML代码以.html或者.htm作为扩展名,保存到相应文件夹下,例如:
保存为例1-2.html在d盘根目录下;
(3)将背景图片tp.jpg放到相对路径为images的文件夹下,如果图片比页面小,图片会自动重复;
(4)用网页浏览器打开此HTML页面,即可以看到此页的页面效果。
4、实例参考源码
源码1.1