【设计目标】
在HTML5中,正确使用各种语义元素,表情达意,确保机器能够正确检索正文信息。
- 在网页标题栏中显示“自我介绍”文本信息。
- 以1级标题的形式显示“自我介绍”文本信息。
- 以定义列表的形式介绍个人基本情况,包括姓名、性别、住址、兴趣或爱好。
- 在信息列表下面以图像的形式插入个人的头像,如果图像太大,使用width属性适当缩小图像大小。
- 以段落文本的形式显示个人简历,文本内容可酌情输入。
【案例演示】
-
HTML
<html>
<head>
<title>自我介绍</title>
<meta charset="gb2312">
</head>
<body>
<h1>自我介绍</h1>
<dl>
<dt>姓名</dt>
<dd>张涛</dd>
<dt>性别</dt>
<dd>女</dd>
<dt>住址</dt>
<dd>北京亚运村</dd>
<dt>爱好</dt>
<dd>网页设计、听歌曲、上微博</dd>
</dl>
<img src="images/head.jpg" width="50%">
<p>大家好,我的网名是艾莉莎,现在我将简单介绍一下我自己,我是21岁,出生在中国东北。爱一个人好难,爱两个人正常,爱三个人好玩,
爱四个人好平凡,爱五个人罢蛮,爱六个人了不得拦,爱七个人是天才。但是我就只爱我的凡客→艾莉莎,冒犯。</p>
</body>
</html> gt;<ins>插入项目</ins></li>
</ul>
下载源代码