简单的Html实例

HTML文件




    
    实例
    
    


    

这是一次测试

HELLO

作者:深瞳

这是个盒子模型,运用了HTML和CSS的知识创建,里面含有很多其他知识,比如对图像的理解,页面设计等。 这些知识想要掌握好,需要经过很久的训练,对各种标签和属性都了解

姓名:
密码:
学号:
性别:
专业信息:17级 滨江校区 信工专业
所属单位:

这里可能用来有透明色

这是一个用来判断是否是透明色的盒子

统计表
name id age project
曹宇航 001 21 math
程昊男 004 22 english
张三 005 22 chinese
李四 008 38 cs

这是一个标题


css文件

body{
    background-image:url("tree.png");
    background-color:skyblue;
    /*opacity: 0.5;*/
/*全透明*/
    /*background-color:rgba(10,255,22,0.3);*/
    background-attachment: fixed;//滚动时背景和样式分离
}
.first-1{

    /*clear:both;*/
    width:500px;
    height:440px;
    background-color: #26803d;
    border:10px yellow solid;
    padding:20px;
    margin-right:30px;
    float:right;//将盒子移动到了右边
}
.first-2{
    width:640px;
    height:440px;
    background-color:rgba(111,100,3,0);//此处设置了背景透明
    padding: 30px;
    border:5px purple solid;
    text-align: right;
    color:red;
}
/*table{*/
    /*border:3px black solid;*/
/*}*/
.first-3{
    float:right;
    width:60px;
    height:40px;
    background-color: #575380;
    border:10px yellow solid;
    padding:20px;
    margin-right:30px;
}
div>h1{
    text-align: center;
}
div>h4{
    text-align:right;
}

页面

简单的Html实例_第1张图片



框架下的Html




    

    Web002登录界面

    




欢迎登录!

姓名:
密码: 其他:
name age color
Jim 18 yellow
Sally 20 red
Tom 32 green
Teddy 16 purple

这里空置了,空闲区


这里也不准访问




这里是轮播图吧

这里用来缓冲吧

这里用来缓冲吧

这里用来缓冲吧

这里用来缓冲吧




页面

简单的Html实例_第2张图片

你可能感兴趣的:(前端)