制作个人网页初步学习

制作个人网页初步学习

第一步：点击电脑桌面的左下方“开始”—“程序”—“附件”—“记事本”；打开记事本后，首先在空白页面输入：(在填写时，符号应使用小写）

〈html〉

〈head〉

〈title〉

〈body>

〈/body〉

〈/html〉

接下来介绍〈HTML〉的架构，〈HTML〉—〈/HTML〉区块：

整份的HTML文件用〈HTML〉标记包围，从而告诉浏览器这是一份HTML文件。它其中内含〈HEAD〉、〈BODY〉区块；

〈HEAD〉—〈/HEAD〉区块：

HTML文件的标题区块，主要用来定义文件的标题，文件的网址和文件本身的定义。

〈BODY〉—〈/BODY〉区块：

这里放的就是HTML文件的内容。

注意：首先HTML文件是可以套用的，也就是在标记中可以拥有其它的标记。比如：在〈head〉回车后的下面可以加入〈title〉标记，〈title〉是指填写文件标题标记，它是嵌套在〈head〉和

〈/head〉之间的。〈title〉中的文字是可以显示在浏览器中的标题行。它可以说明这份文件的用途。

例如：〈head〉回车，输入〈title〉鲁翼电子技术交流中心〈/title〉；回车输入〈/head〉、回车输入〈body〉、回车输入〈/body〉、回车输入〈/html〉；然后保存HTML文件。点击“文件”

菜单，在下拉菜单中选择另存为，在文件名中填写名称，如“主页.htm”，保存类型为“所有文件”。

接下来，我们进行预览，从先前保存的位置找出“主页”这份文件，双击打开。就可以预览了，接着我们继续填写网页的内容了。点击网页上方的“查看”下拉菜单中选择打开“源文件”；打开

后，在〈body>和〈/body〉之间填写内容。

如何改变文字字体大小？

提示：h后的数字表示字体大小的等级，范围为h1-h6，其中数值越小字体越大。分别为字体大小（在h的后面填写数字1-6），数字越小字体越大。

在文字的最前面输入“〈h1〉”，在最结尾处输入“〈/h1〉”即可。如：（〈h1〉电子交流中心〈/h1〉）；注意：其次HTML标记并不分大小写，大写和小写都代表相同的标记。

如何对齐语句，将文字居中，或向左向右移动？

答：如：〈h1〉〈p align=center〉电子交流中心〈/p〉〈/h1〉

“align”是指文字对齐，“center”是指文字居中，“left”是左，“right”是右。《如：align=left（左）， align=right（右）》。

改变字体颜色：

答：如〈h1〉〈p align=center〉〈font color=red〉电子交流中心〈/font〉〈/p〉〈/h1〉; “font”是指字体，“color”是指颜色，“red”是指红色。〈/font〉作为结尾，插在〈/p〉〈/h1〉的前面。

如何在文字下面插入水平线标记？

答：1、水平线标记〈hr〉，在文字的结尾处输入〈hr〉；

2、改变水平线的颜色，在“hr”的后面打空格，输入“color=red”；（即：〈hr color=red〉）

（如：〈h2〉〈p align=center〉电子电脑应用家电〈/p〉〈/h2〉〈hr color=red〉）

如何使用段落标记？

为了能将文字与文字之间隔开，我们在文字的前头输入〈p〉，文字结尾输入〈/p〉，此时文字之间相隔的还是很近，我们可以利用空白符“&NBSP（用小写才有效）”将文字隔开，在想隔开的文字之间输入空白符，输入越多，隔开越远。如：〈h1>〉〈p align=center〉电子交流中心〈/p〉〈/h1〉；〈p〉电子&NBSP&NBSP&NBSP&NBSP&NBSP电脑应用&NBSP&NBSP&NBSP&NBSP家电〈/p〉。也可以将文字对齐，即：〈p align=left〉电子&NBSP&NBSP&NBSP&NBSP&NBSP电脑应用&NBSP&NBSP&NBSP&NBSP家电〈/p〉。

如何插入图片？

答：1、插入图片标记为〈img〉,请注意：在插入图片时，〈img〉标记要与src可以指定图形文件的路径。可在文字的前面或中间、后面插入图片，在这里“img src=”是指插入图片的命令。等于号后面引号里所包含的是指图片所在的路径。

2、将文字包围图片的空白处: 在〈img src="D:\My Documents\My Pictures\风景\xxxxx.jpg"〉jpg引号的后面加入“align=left”，然后保存。

3、如改变文字包围环绕图片的方式，我们可以把“align=”后面的“left”改变为“right”就可以了。

如：〈img src="D:\My Documents\My Pictures\风景

\0c8f360c6851fd7a6159f3db.jpg"align=left〉

如何改变网页背景颜色？

答：我们在〈body〉中按空格，输入“bgcolor=yellow”，在等号后“yellow”就是黄色的意思。（如：〈body bgcolor=yellow〉）