HTML5完成的12306页面的制作

最新推荐文章于 2022-09-18 16:59:24 发布

Samion@

最新推荐文章于 2022-09-18 16:59:24 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5 文章标签： HTML5 12306 网页制作

本文链接：https://blog.youkuaiyun.com/weixin_43638607/article/details/94774179

本文介绍了如何使用HTML5制作12306登录页面，重点讲解了导入背景图片、布局调整以及表格展示等步骤，适合HTML5初学者。过程中提到了浏览器兼容性和单位使用的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述这是一个比较简单的效果图，对于老手来说就是小菜一碟，但是对于新手来说尤其是自学的那种来说就相对麻烦一点，难倒是不难，就是在制作的过程中可能有有一些细小的错误或者浏览器的问题导致难以实现。
相对于其他的编程语言来说，HTML5是一个极其简单的语言，他的难度主要在于一些标签或者是表达式的熟悉程度，有大量的东西需要记忆，这是和c,c++不同的地方，主要是个人的细心程度。
书写HTML5的软件有很多，例如notepad++，，HBuilderX我这里主要用的是第二个，效果都一样，新手无需纠结使用哪一款。合适自己书写习惯的才是最好的哈。
首先新建html文件在这里插入图片描述
这些代码是新建的文件中自动生成的，同时也是书写HTML必不可少的，我们的代码要在中间书写，集体是在head还是body里面写要看代码的具体功效，分为头部和身体，我们这个制作12306网站主要是身体部分即body,其他部分没有使用。
首先我们导入背景图片

<body style="background-image:url(bg_img1.jpg);background-repeat:no-repeat;background-size:cover">

这个代码打的作用是导入12306网页的背景图片，同时选择背景图片不重复，铺满的方式展现

<div style="float:left;position:absolute;left:300px;top:105px"><div style="float:left;position:absolute;left:300px;top:105px">

div称为自由块标

最低0.47元/天解锁文章

200万优质内容无限畅学