HTML网页设计上机实验
项思源
一、网页的基本结构和文字设置
1实****目的
掌握网页的基本结构及必须的标记;了解Web页面中特殊字符及颜色的显示,掌握页面整体颜色配比。掌握对文字修饰的各种标记及换行和分段标记
2实****要求
掌握网页的基本结构,熟悉html、head、body、title基本标记,了解Body标记的BackColor、BackGround、Text、Link、属性,特殊字符显示学会使用标记<B>、<I>、<U>、<Font>、<P>、<HR>、<Hn>,掌握Font基本属性size、color、face,用记事本完成简单的网页
3实****内容及方法
用记事本建立一个简单的网页
Body属性的使用及特殊字符的显示
字符式样
如图:
Font标记的使用
网页中的换行和分段
4 思考
如下网页能否正确显示,为什么?
<html>
<head>
<title>test</title>
</head>
<body>
Hello, World!!!! I song <Big Big World> for you.
</body>
</html>
答:不可以正确实现。<Big Big World>不能出现,因为在<>中的内容不会显示,要换为《》。
如图:
改为
图像、表格及用表格进行网页布局
1实****目的
学会在网页中创建表格
学会使用表格进行网页布局
掌握在网页中插入图像
2实****要求
掌握创建表格的必要标记<table>、<tr>、<td>,了解基本的属性;
掌握IMG的基本属性src、width、height及alt
掌握用表格进行网页布局
3实****内容及方法
创建简单表格
2)表格的格式
,创建一个相对页面居中的表,无边框线,宽400个像素,高100个像素
3) 表格的修饰
,首先复制一张扩展名为jpg的图片和网页文件放在同一个文件夹中,
4) 表格的嵌套
HTML网页设计上机项思源 来自淘豆网www.taodocs.com转载请标明出处.