Web全栈开发案例教程（AI辅助版）-实验大纲实验一 王船山个人简介网页的制作.docxVIP

实验1王船山个人简介网页的制作

实验目的：掌握img、ul、h1、a等HTML元素的使用；掌握img元素的各种对齐方法；了解用CSS对ul进行美化的方法。掌握在DW中新建站点、新建网页、输入代码和测试网页的方法。

实验任务：完成个人简历网页（网页效果图见本书素材文件目录下的“附录/效果图”）。

实验步骤：

1.编写HTML代码

!doctypehtml

html

head

metacharset=utf-8

title船山研究/title

/head

body

h2align=center王船山简介/h2 !--二级标题--

imgsrc=images/wcs.jpgwidth=213height=188/ !--图像--

p王夫之，字而农，……并称明清之际三大思想家。/p !--段落--

p王夫之自幼跟随自己的父兄读书……船山先生。/p

ul !--无序列表--

li人物生平/li !--列表项--

li历史评价/li

li人物故居/li

/ul

/body/html

２.编写CSS代码

style

img{float:left; } /*一个盒子浮动*/

p{font-size:14px;color:#999}

li{font-size:14px;float:lef