HTML一个简单大一的网页作业

这是一个简单的html的网页制作，

大一刚刚开始学的代码，

里面可能会有一些报错，但是不影响。

这个是做出来的成品图。

图片链接自己修改。

对第一版本已经进行修改，（使图片和主体文字进行绝对定位的居中处理）

<!DOCTYPE html>
<html lang="en">
<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>个人主页</title><style>body{  /*对body添加属性，添加背景图片*/background-image: url( "tu ku/beijing.png");  background-repeat: no-repeat;background-size: cover;}span{           /*对内容字体进行修饰*/display: inline-block;background-color:#B44AD3; width: 200px;  font-size: 25px;   color: #ECE3E3;  text-align: center;  letter-spacing:5px;  }span:nth-child(2n){     /*内容字体关联，2n颜色进行改变*/background-color:#69B8C7  }img {width:200px;height:200px;}.conten{   text-align:center;  /*对标题字体进行修饰*/width:100%;letter-spacing: 40px;}.acc{       /*设置盒子*/height: 300px;width: 1480.2px;position: absolute;       /*绝对定位，去自己想去的位置*/left:70px;top:290px;}</style></head><body><img src="tu ku/fdfe90e7d40bcd8b5237a67d6517ee6.jpg" align="left">  <!-- 最后图片设置居左 --><img src="tu ku/d65942ecd988b1c68a620868a60a4f8.jpg" align="right">  <!-- 最后图片设置居右 --><h1 class="conten" style="text-indent: 5000mm" >欢迎来到我的世界</h1>   <!-- style这里是指文字高度 --><p class="acc">       <span >鞠婧祎</span>           <!-- 文字放置位置 --><span>草莓果酱</span><span>小桃学姐</span><span>冬月子时</span><span>表妹李Kk</span><span>小点新</span><span>一条小团团</span>  <img src="tu ku/56c04e26c1b865fddf9acb926444704.jpg" >       <!-- 图片放置位置 --><img src="tu ku/180d39bc855b6871d352024def44265.png" ><img src="tu ku/702b03e80a715bf6caa4090109b23f0.png" ><img src="tu ku/1839eae0ae4319f8dbac271d21bb556.jpg" ><img src="tu ku/aa626ad1d48b153e75a99e4dc593bd8.png" ><img src="tu ku/9540a068c7c220d95c667513ff9bd50.jpg" ><img src= "tu ku/db2602514734f55c1d2f6318b4c5e31.jpg"></p></body>
</html>

HTML一个简单大一的网页作业相关推荐

php与html网页制作,web 一个简单地三级网页的设计和编写，html+css，适合学习制作的新手 WEB(ASP,PHP,...) 238万源代码下载- www.pudn.com...
文件名称: web下载收藏√ [ 5 4 3 2 1 ] 开发工具: HTML 文件大小: 4716 KB 上传时间: 2013-06-25 下载次数: 7 提供者: ericc 详细 ...
制作一个简单HTML个人网页网页（HTML+CSS）源码
一个简单的HTML网页,可用于大学html期末作业,照片都是网上找的看一下成品图: 主页代码,这里的<link href="images/css.css" rel=&quo ...
用HTML+CSS+JS做一个简单的个人网页
暑假在家闲的没事,写了一个简单的小网页,从网上找了些图片和视频拼起来的,由于经验不足的关系,没有将想添加的东西放进去. 先来看看整个网页效果的视频吧效果的图片如下(最右边空出来的其实是滑动条,截长屏 ...
使用HBuilder制作一个简单的HTML5网页
使用HBuilder制作一个简单的HTML5网页写在前面:开始入门网页制作,写下第一篇博文作为记录.纯纯小白一个,如有阅览者,欢迎批评指正!❤ 先放上效果图: 使用HBuilderX编辑器创建一个& ...
用HTML+CSS做一个简单的美食网页---web学生网页设计作业源码
Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,精彩专栏推荐美食网页介绍 | 甜品蛋糕 | 地方美食小吃文化 | 餐饮文化 | 等网站的设计 ...
基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码学生个人html静态网页制作成品代码
家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法,如盒子的嵌套.浮动.margin.border.background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大 ...
基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码学生个人html静态网页制作成品代码...
家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法,如盒子的嵌套.浮动.margin.border.background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大 ...
制作一个简单HTML游戏网页（HTML+CSS）_英雄联盟 lol 7页
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 |游戏官网 | 游戏网站 | 电竞游戏 | 游戏介绍 | 等网站的 ...
如何制作一个简单的html网页
1.新建一个记事本 2.开始写html代码制作一个简单的网页<html><head><title>网页的名字</title></head> ...
制作一个简单HTML学校网页（HTML+CSS山东传媒职业学院）
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园班级网页设计 | 我的班级网页 | 我的学校 | 校园社团 ...

HTML一个简单大一的网页作业

HTML一个简单大一的网页作业相关推荐

最新文章

热门文章