一起用html和我做一个简单的个人界面吧!

本文将引导初学者一步步创建一个简单的HTML个人界面。通过建立一个包含导航链接的五行两列表格,设置背景图片和文字样式,实现界面的基本布局。同时,介绍了如何使内容居中显示,为后续学习打下基础。
摘要由CSDN通过智能技术生成

大家好!作为一名不断学习的工作者,我们需要在csdn向各位大神学习,但总归有新手看不太懂各个代码的含义,今天就跟着我去学习一下如何制作一个很简单很简单的个人界面,下面我们就开始吧!

首先先建立一个html文件,在body中建立一个五行两列的表格,并在内联中输入自己需要的大小

<body style="background-img:url();background-attachment:fixed;">

在括号中给自己设置一张喜欢的背景图片,将图片地址粘贴进来,或者使用/或./来在同级目录中寻找你想设置的图片!并且给背景固定,他就不会乱跑拉!

      <table border="1" width="1000px"></rable>

设置表格的宽度以便使用,并设置出线的属性,保证表格中有线进行分割,方便观察

       <tr></tr>

代表表格的行

              <th colspan="2" height="30px"></th>

代表表格的列,colspan可以使得表格中的第一格可以占据这一行的两个格子,大部分表格第一行均为th,但现在基本上都以td作为内容,并设置30像素的高度

               <a href""></a>

因为只是做一个界面,所以就不去设置链接跳转了,正常做到这一步就可以得到一个可供点击的链接!

             例: 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值