入门级前端 简单的网页书写

  <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>萧瑟秋风皆不是</title>
  <link rel="stylesheet" href="../css/qiufen.css">
  </head>
  <body>
  <!--首项页头-->
  <div class="yemian">
  <div class="kuangjia">
  <div class="qw">
  <div class="qe"> <img src="../img/01_0015_aventador.png" ></div>
  <P class="xz">Follow us on <span style="color: aqua">Twitter,Facebook</span> and <span style="color: aqua">Dribble</span></P>
  <nav>
  <ul>
  <li><span style="color: aqua">HOME</span></li>
  <li>PORTFOLIO</li>
  <li>STORE</li>
  <li>ABOUTME</li>
  <li>CONTACT</li>
  </ul>
  <img src="../img/01_0023_Av.png" class="xiaotubiao">
  </nav>
  </div>
  <!--此项页身-->
  <div>
  <div class="qr">
  <div>
  <img src="../img/01_0022_arrow-right.png" class="jt">
  <img src="../img/01_0021_arrow-left.png" class="jt2">
  </div>
  <div class="qa">
  <p class="p2">You can Link slides to ar any url Nice</p>
  </div>
  </div>
  <!--小圆点-->
  <div class="yd">
  <img src="../img/01_0000_dot-1.png" >
  <img src="../img/01_0001_dot-2.png" >
  <img src="../img/01_0002_dot-3.png" >
  <img src="../img/01_0003_dot-4.png" >
  </div>
  </div>
  <!--蓝色条部分-->
  <div class="lt">
  <!--文字背景-->
  <div class="wb">
  <h3 style="color: aqua">MY RECENT WORK</h3>
  </div>
  </div>
  <!--四个图框-->
  <div class="dk">
  <div class="wq">
  <img src="../img/01_0005_proj-1.png" >
  <div class="k1">sd sds sdsd sds</div>
  </div>
  <div class="we">
  <img src="../img/01_0017_proj-2.png" >
  <div class="k1">sda asdwas sdasd </div>
  </div>
  <div class="wr">
  <img src="../img/01_0019_proj-3.png" >
  <div class="k1">asd sad asda sad </div>
  </div>
  <div class="wt">
  <img src="../img/01_0018_proj-4.png" >
  <div class="k1">asd sdasd sda asd </div>
  </div>
  </div>
  <div>
  <!--下划线-->
  <hr style="color: aqua">
  </div>
  <!--广告-->
  <div>
  <div class="ggk">
  <img src="../img/01_0000_dribbble.png" class="tq">
  <img src="../img/01_0002_smashing.png" class="tw">
  <img src="../img/01_0001_android.png" class="te">
  <img src="../img/01_0003_google.png" class="tr">
  <img src="../img/01_0004_the-washington-post.png" class="ty">
  </div>
  </div>
   
  </div>
  <!--页尾-->
  <div class="yw">
  <div class="ka">
  <img src="../img/01_0015_aventador.png" class="mz">
  <p class="zx">asda asdasd asd </p>
  </div>
  <div class="kb">
  <h2>About Aventador</h2>
  <p class="zc">asdasd asdasdas dasd asdasdasd asd
  asdasd asd asd asd asdasdasdadasdasdasd asdasdasdasda
  asdasdasda asdasdasdasda asd asd <span style="color: aqua">asd asd asdas</span>
  </p>
   
  </div>
  <div class="kc">
  <h2>Via Twitter</h2>
  <p class="zc">asdasdas asdasdas dasdasdawdssdf asd vsd</p>
  </div>
  <div class="yj">
  <p class="zv">asd dasdasda dasdasdas sadasd </p>
  <p class="zb">asd asd dewr rter wett qweqrrer qwe</p>
  </div>
  <div class="xj">
  <div class="bn">
  <img src="../img/01_0006_normal.png\" >
  <img src="../img/01_0007_normal.png" >
  <img src="../img/01_0008_n.png" >
  <img src="../img/01_0010_n.png" >
  <img src="../img/01_0012_n.png" >
  <img src="../img/01_0009_n.png" >
  <img src="../img/01_0011_n.png" >
  <img src="../img/01_0013_n.png" >
  <img src="../img/01_0014_n.png" >
  </div>
  </div>
  <!--邮箱脚-->
  <div class="yk">
  <p class="yxz">[email protected]</p>
  </div>
  </div>
  </div>
  </body>
  </html>
时间： 2024-10-06 00:42:45

入门级前端 简单的网页书写的相关文章

分享：计算机图形学期末作业！！利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”

这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业不是百度来的,我只是百度了一些示例代码的意思,怎么用!算了,越解释万一越黑呢!哈哈O(∩_∩)O哈哈~) ----------------------------------------------------------------分界线------------------------------

Python爬虫之路——简单的网页抓图

转载自我自己的博客:http://www.mylonly.com/archives/1401.html 用Python的urllib2库和HTMLParser库写了一个简单的抓图脚本,主要抓的是http://desk.zol.com.cn/meinv/这个链接下的图片,通过得到图集的起始URL地址,得到第一张图片,然后不断的去获取其下一个图片的URL,继而得到所有首页的图集的图片. 整个源码如下,比较简单,写这个只是简单的练手而已 #coding: utf-8 #################

web前端如何让网页布局稳定性和标准性？

刚开始学css+div布局的同学们,都比较困惑和难写的就是兼容性的问题了,特别是ie6等低版本的浏览器,随意国内逐步慢慢消失取代,但是现阶段还是会有点考虑因素再里面.我们写的网页布局怎么样才是合理的,完整的,兼容性好的呢? 因此再这里,小强老师给大家列出网页布局标准性.合理性和兼容性的一些方法,希望对刚开始学习css的同学有所帮助. 一.<!DOCTYPE> 标记的重要性. 位 于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准 规范,我们必需在开头处使用<

一个简单的网页浏览器

自己写的,实现简单的网页浏览,就是不能实现观看视频全屏还不能下载,有History. 标签: Android Applications Manager [1].[文件] History.java ~ 5KB    下载(42) 跳至 [1] [2] [3] [4] [5] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

python实现的一个简单的网页爬虫

学习了下python,看了一个简单的网页爬虫:http://www.cnblogs.com/fnng/p/3576154.html 自己实现了一个简单的网页爬虫,获取豆瓣的最新电影信息. 爬虫主要是获取页面,然后对页面进行解析,解析出自己所需要的信息进行进一步分析和挖掘. 首先需要学习python的正则表达式:http://www.cnblogs.com/fnng/archive/2013/05/20/3089816.html 解析的url:http://movie.douban.com/ 查看

jmeter压力测试的简单实例+badboy脚本录制（一个简单的网页用户登录测试的结果）

JMeter的安装:在网上下载,在下载后的zip解压后,在bin目录下找到JMeter.bat文件,双击就可以运行JMeter. http://jmeter.apache.org/ 在使用jmeter前要先下载jdk包,配置java环境.(参见Java环境配置教程) 配置完成后在运行窗口检查一下java -version确定java环境配置完成. 一.利用badboy进行自动脚本录制 下载BadboyInstaller-2.2.5.exe 并安装 下载地址:http://download.csd

web storage 简单的网页留言版

html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>简单的网页留言版</title> <script type="text/javascript" src="js/test6.js" ></script> </head> <body> <h1

javascript源码之js实现的一个简单的网页拾色器

今天学习了window对象,跟着学习了一个简单的网页拾色器的demo,拿出来和大家分享. 主页面代码: <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>拾色器</title></head><body><h1>网页拾色器</h1>    <scr

Html+css 一个简单的网页模板

一个简单的网页模板,有导航.子菜单.banner部分 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2 "http://www.w3.org/TR/html4/loose.dtd"> 3 <html> 4 <head> 5 <title>网页</title> 6 <meta charset="UTF-8&qu