html仿苹果官网源码_仿苹果主页

文章目录：

• 1、html网页制作、跪求源代码
• 2、html网页设计源码
• 3、求：仿苹果官网整站代码
• 4、为什么苹果系统电脑手机源代码难以模仿复制？
• 5、谁手上有用HTML做的网页的源代码

html网页制作、跪求源代码

效果图，图片自己换，

html代码：

!DOCTYPE html

html

head

meta charset="utf-8"/

title泰国/title

link rel="stylesheet" type="text/css" href="css/index.css"/

script type="text/javascript" src="js/index.js"/script

/head

body

div class="b0da-b526-e406-9cb5 box"

  div class="b526-e406-9cb5-646e titles"泰国/div

  div class="e406-9cb5-646e-ab4b img-box"

    img class="9cb5-646e-ab4b-73cd auto-img" src="images/a001.jpg"/

  /div

  div class="a89f-4d6e-3f5c-be36 text-box"

    div class="4d6e-3f5c-be36-06cd text-box-a"

      a href="#"曼谷、芭提雅(珊瑚岛、金沙岛)5晚7天/a

    /div

    div class="3f5c-be36-06cd-5c83 text-box-a"

      东航直飞曼谷客机，入住1晚曼谷国际5星+4晚泰式5星酒店,芭提雅双岛(珊瑚岛+金沙岛)清...

    /div

    div class="be36-06cd-5c83-1d2d text-box-a"

      出发日期：星期一,星期二,星期三,星期四,星期五

    /div

  /div

  div class="06cd-5c83-1d2d-571f bottom ovf"

    div class="5c83-1d2d-571f-cbbf fl text-a1"

      班期：每周发团

    /div

    div class="1d2d-571f-cbbf-aa43 fr"

      div class="571f-cbbf-aa43-777c price"￥nbsp;4549/div

      div class="cbbf-aa43-777c-b0da rush-to-buy"立即抢购/div

    /div

  /div

/div

/body

/html

css样式：

html,body{

padding:0;

margin:20px 0 0;

}

a{

text-decoration:none;

}

.fl{

float:left;

}

.fr{

float:right;

}

.ovf{

overflow: hidden;

}

.box{

width:50%;

margin:0 auto;

border:1px dashed #000000;

padding:4px;

}

.titles{

width:100%;

text-align: center;

color:#ffffff;

background-color: #ff0000;

}

.img-box{

width:100%;

margin-top: 4px;

}

.auto-img{

display: block;

width:100%;

}

.text-box{

width:100%;

}

.text-box-a{

width:100%;

font-size: 14px;

line-height: 20px;

letter-spacing: 1px;

}

.text-box-aa{

color:#0089ff;

}

.bottom{

margin-top: 30px;

}

.text-a1{

font-size: 18px;

font-style: italic;

font-style:oblique;/*为保证斜体效果加一个*/

}

.price{

font-size: 16px;

color:#8B3E2F;

}

.rush-to-buy{

width:80px;

text-align: center;

background-color: #ff0000;

font-size: 16px;

}

html网页设计源码

网上很多开源的：pageadmin cms、discuz cms这些都是比较简单的网站源码、适合新手使用、免费下载就可以使用了。

求：仿苹果官网整站代码

你好

看到你的问题 我很高兴 因为你也在研究学习网页制作

整站代码我没能够弄出

但我提取了苹果的导航

复制一下代码 保存成htm格式就行了 绝对一样

(我还有一个高仿百度知道的asp 我做了两年 可以送给你 QQ：372309760)

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""

html xmlns="" lang="zh-CN" xml:lang="zh-CN"

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titleMAC菜单/title

style type="text/css"

!--

html,body { height:100%; background:#fff; }

body { font:12px "宋体",Arial,sans-serif; color:#333; }

body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }

ul,ol,dl { list-style:none; }

#nav { width:982px; height:38px; margin:15px 0 0 10px; overflow:hidden; background:url() no-repeat; }

#nav li,#nav li a { float:left; display:block; width:117px; height:38px; background:#fff; }

#nav li a { width:100%; text-indent:-9999px; background:url() no-repeat 0 0; }

#nav .n01 { width:118px; }

#nav .n01 a:visited { background-position:0 -114px; }

#nav .n01 a:hover { background-position:0 -38px; }

#nav .n01 a:active { background-position:0 -76px; }

#nav .n02 a:link { background-position:-118px 0; }

#nav .n02 a:visited { background-position:-118px -114px; }

#nav .n02 a:hover { background-position:-118px -38px; }

#nav .n02 a:active { background-position:-118px -76px; }

#nav .n03 a:link { background-position:-235px 0; }

#nav .n03 a:visited { background-position:-235px -114px; }

#nav .n03 a:hover { background-position:-235px -38px; }

#nav .n03 a:active { background-position:-235px -76px; }

#nav .n04 a:link { background-position:-352px 0; }

#nav .n04 a:visited { background-position:-352px -114px; }

#nav .n04 a:hover { background-position:-352px -38px; }

#nav .n04 a:active { background-position:-352px -76px; }

#nav .n05 a:link { background-position:-469px 0; }

#nav .n05 a:visited { background-position:-469px -114px; }

#nav .n05 a:hover { background-position:-469px -38px; }

#nav .n05 a:active { background-position:-469px -76px; }

#nav .n06 a:link { background-position:-586px 0; }

#nav .n06 a:visited { background-position:-586px -114px; }

#nav .n06 a:hover { background-position:-586px -38px; }

#nav .n06 a:active { background-position:-586px -76px; }

#nav .n07 a:link { background-position:-703px 0; }

#nav .n07 a:visited { background-position:-703px -114px; }

#nav .n07 a:hover { background-position:-703px -38px; }

#nav .n07 a:active { background-position:-703px -76px; }

--

/style

/head

body

div id="nav"

ul

li class="777c-b0da-b526-e406 n01"a href="#index" title="index"index/a/li

li class="b0da-b526-e406-9cb5 n02"a href="#Store" title="Store"Store/a/li

li class="b526-e406-9cb5-646e n03"a href="#Mac" title="Mac"Mac/a/li

li class="e406-9cb5-646e-ab4b n04"a href="#iPod+iTunes" title="iPod + iTunes"iPod + iTunes/a/li

li class="9cb5-646e-ab4b-73cd n05"a href="#iPhone" title="iPhone"iPhone/a/li

li class="a89f-4d6e-3f5c-be36 n06"a href="#Downloads" title="Downloads"Downloads/a/li

li class="4d6e-3f5c-be36-06cd n07"a href="#Support" title="Support"Support/a/li

/ul

/div

/body

/html

为什么苹果系统电脑手机源代码难以模仿复制？

源代码难以模仿复制？没这回事。你都拿到源代码了，还怕复制不了吗？要是没拿到源代码，只有逆向工程的汇编码，那说啥都没用，你只能模仿一些表象。

苹果的软件使用Objective-C进行开发，而另一个系统，一般人以为很开放的系统Windows使用.net，同样是封闭平台的语言，并且Objective-C不是苹果发明的，.net还真的是微软从头发明出来的，谁更封闭不说自明。

至于所谓的开源，微软同样不开源，不是同样盗版一堆一堆的，开源并不等于盗版，也不等于免费，而是给开发者提供了更深入修改系统的可能性，比如Android，属于开源过度导致混乱的典型。IOS的确比Android要封闭，但苹果电脑的OSX系统在某种程度上的确要比Windows系统要开放。

苹果只有一样东西真心封闭，就是IOS，但其封闭程度和WP也是一个档次的，区别只是开放了多少API，但API这种东西，开放再多也和开源没半毛钱关系。

除了IOS以外，OSX以及更早的Mac OS相对于其他的主流系统来说并不算封闭。

还是不太懂楼主所说的源代码难以模仿复制是什么意思，如果你有软件的源代码，那么要将其移植到其他平台都是可能的，如果你没有源代码，那么在任何平台，任何系统都一样（就算是开源的Android和Linux也一样），你很难将这个软件进行再编辑，除非你有大神级别的能力。

谁手上有用HTML做的网页的源代码

我有，个人站点一个，五六个页面，有图片和flash等媒体，百度hi看截图，确定答案后打包发给你～