HTML写一个简单网页

最新推荐文章于 2023-04-24 15:50:30 发布

VIP文章 m0_67391270

最新推荐文章于 2023-04-24 15:50:30 发布

阅读量7.5k

点赞数 3

分类专栏：前端 html 文章标签： sass 前端 npm

本文链接：https://blog.csdn.net/m0_67391270/article/details/123346708

版权

最近学习了一点HTML，闲来无事写个网页看看，欢迎、改进、留言。

演示地点：跳转到演示地点

一、初始化页面

body,button,dd,dl, dt,form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,a,div,span {
    margin: 0;
    padding: 0;
}
ul{
 list-style: none;
}
a{
 text-decoration: none;
}
.clear{
 clear: both;

二、头部和底部

先给网页设置一个头部，具体代码如下：

.header {
    padding: 80px;
    text-align: center;
    background: rgb(204, 191, 116);
    color: rgb(240, 232, 232);
}

再设置一个底部，具体代码如下：

.footer {
    padding: 10px;
    text-align: center;
    background: #ddd;
}

运行结果如下：

三、整体

html代码如下：<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
</head>
<body>

<div class

最低0.47元/天解锁文章

m0_67391270

关注

3
点赞
踩
40

收藏

觉得还不错? 一键收藏
0
评论
HTML写一个简单网页

最近学习了一点HTML，闲来无事写个网页看看，欢迎、改进、留言。演示地点：跳转到演示地点一、初始化页面body,button,dd,dl, dt,form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,a,div,span { margin: 0; padding: 0;}ul{ list-style: none;}a{ text-decoration: no
复制链接

扫一扫