您的当前位置:首页正文

HTML&CSS实验(1)

2024-12-01 来源:个人技术集锦
【实验目的】

  掌握基本HTML基本元素的使用方法。

【实验工具】

  (1)在线调试
  (2))用记事本编辑,然后直接用浏览器打开(修改文件后刷新)。

【注意事项】

  (1)所需图像也可以从中取得(后面加上图像名)
  (2)记事本可以用来把文件编码转换为utf-8。
  (3)在线调试可以试用提交功能。

【实验内容】

  1、根据下图提示(标出了元素)尽可能做出相似的网页(文字包含在html1.txt中)。其中包含的图像(sysu.png,fig1.png)和链接的网页(kj.html~sh.html)都在当前路径中;有一些元素下面标出了属性; 最后一行使用了div元素(id=”footer”)。

  2、在步骤1的网页的head元素中加入以下style元素::

  3、将步骤1完成的网页中id为”header”、”main”、”footer”的div元素分别换成html5的元素header、article、footer,并保存为文件html5.html。
  运行后截屏浏览器如下:

  4、把步骤3完成的网页中的head元素中加入以下style元素:

【完成情况】

  是否完成了这些步骤?(√完成 ×未做或未完成)
  1 [√ ] 2 [√ ] 3 [√ ] 4 [ √ ]

【实验体会】
显示全文