成都工业学院Web技术基础(WEB)实验一:HTML5排版标签使用

写在前面

1、基于2022级计算机大类实验指导书

2、代码仅提供参考,前端变化比较大,按照要求,只能做到像,不能做到一模一样

3、图片和文字仅为示例,需要自行替换

4、如果代码不满足你的要求,请寻求其他的途径

运行环境

window11家庭版

WebStorm 2023.2.2

实验要求、源代码和运行结果

1、编写代码实现图中1-1所示的页面效果。

  成都工业学院Web技术基础(WEB)实验一:HTML5排版标签使用_第1张图片

图1-1 实验内容效果示意图

1)新建html文档ex1-1.html。

2)通过

标签创建标题。

3)通过


标签绘制横线。

4)通过

标签完成每行文字的输入。

5)通过创建下标,通过创建上标。

6)特殊字符:空格为 




    
    Document


    

欢迎来到我的主页


我是计算机工程学院2022级学生

我的学号是220600xxxxx

姓名:xxx

我的特长是数学:52+42=41

成都工业学院Web技术基础(WEB)实验一:HTML5排版标签使用_第2张图片

2、采用HBuilder编写代码,实现1-2所示的页面效果

1)新建html文档ex1-2.html。

2)通过标签创建列表的标题。

3)通过

你可能感兴趣的:(成都工业学院Web实验,html5)