上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" />
然后保存源代码,即可将该网页的语言设置为中文。