web编程基础实验一.pdfVIP

实验一HTML基础

学号：112208206125：

【实验目的】

了解HTML语言结构，掌握HTML非正文标记、正文标记、特殊标记，理解HTML交互技术。

【实验要求】

1．掌握HTML标记语言的书写格式；

2．掌握网页的基本框架；

3．掌握HTML标记语言的几个常用标记；

4．掌握如何在记事本中保存网页，以及网页的预览和修改方法；

5．培养学生阅读HTML代码的能力。

【实验内容与步骤】

步骤1：新建一个文件夹用于存放网页，命名以“学号+组成”，如“2009770329

步骤2：用记事本编写以下代码，标题和网页主体内容可以适当修改。

步骤3：在保存时文件名命名为1-1.html或1-1.htm（注意：其中1-1为自己为文件起的名

字，可修改，但扩展名必须为html或者htm），另外将“文件类型”改为“所有文件”。

1、编写标题

如下面实例，理解HTML中的标题hn,其中n为标题的等级，HTML总共提供六个等级的标

题，n越小，标题字号就越大，以下列出所有等级的标题（其中n的取值为1到6）。

html

head

title标题/title

/head

body

h1一号标题/h1

h2二号标题/h2

h3三号标题/h3

h4四号标题/h4

h5五号标题/h5

h6六号标题/h6

h7七号标题/h7

br/

这是一个普通的没有界定的文字！

/body

/html

2、使用换行br/

理解br/的作用

html

head

title无换行示例/title

/head

body

登鹳雀楼白日依山尽，入海流。欲穷千里目，更上一层楼。

/body

/html

html

head

title换行示例/title

/head

body

登鹳雀楼br/白日依山尽，br/入海流。br/欲穷千里目，br/更上一层楼。

/body

/html

3、使用段落p

html

head

title段落/title

/head

body

palign=“center”登鹳雀楼/p

palign=“center”白日依山尽，/p

palign=“left”入海流。/p

palign=“center”欲穷千里目，/p

palign=“right”更上一层楼。/p

/body

/html