HTML+CSS+DIV网页设计与布局(第2版)(微课版)
上QQ阅读APP看书,第一时间看更新

上机指导

本章带领读者了解了网站开发、HTML基本概念、HTML基本标记以及元信息META等。这些内容是下一步学习复杂的HTML的基础。本节将通过上机操作,巩固本章所学的知识点。

实验一

实验内容

在浏览器中查看一个网页的源代码。

实验目的

巩固知识点——查看HTML的基本结构,了解其中的HTML标记内容。

实现思路

打开浏览器,在地址栏中输入百度首页的地址http://www.baidu.com,进入页面后,在页面中单击鼠标右键,选择“查看源文件”命令,即可查看百度首页的源代码。

实验二

实验内容

使用记事本或者其他文本编辑工具,手动输入一个简单的网页,编写一个包含头、标题、主体三部分的网页的HTML代码。

实验目的

巩固知识点——了解一个普通HTML文件包含的头、标题、主体三部分内容。

实现思路

打开记事本,在其中输入以下代码。

01 <HTML>  
02   <HEAD>  
03   <TITLE>这里是标题</TITLE> 
04   </HEAD>  
05   <BODY> 
06     文件主体,正文部分 
07   </BODY> 
08 </HTML>

单击“文件”|“另存为”命令,在保存时,文件类型选择“所有类型”,然后输入文件名,注意扩展名为htm或者html。

实验三

实验内容

熟练使用<META>元信息,根据不同要求为页面设置相应的元信息,设置实验二的网页语言为中文。

实验目的

巩固知识点——充分发挥<META>标签的功能,为页面设置语言。

实现思路

打开实验二的源代码,在其中的头部,即<HEAD>与</HEAD>之间加入以下内容。

<META HTTP-EQUIV="CONTENT-TYPE" CONT ENT="TEXT/HTML; CHARSET=GB2312" /> 

然后保存源代码,即可将该网页的语言设置为中文。