189 8069 5689

怎么实现简单html网页

这篇文章主要介绍怎么实现简单html网页,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联公司主营连城网站建设的网络公司,主营网站建设方案,成都App定制开发,连城h5微信小程序开发搭建,连城网站营销推广欢迎连城等地区企业咨询

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

网页的大致效果

怎么实现简单html网页

怎么实现简单html网页

怎么实现简单html网页

html代码





Design









  • CONTACT
  • PAGES▼
  • PROJECTS
  • PRICE
  • SERVICES
  • ABOUT
  • HOME
   
 

Our latest projects

Lorem ipsum

Lorem ipsum dolor sit amet, conc tetu er adipi scing. Praesent ves tibuum molestie lacuiirhs. Aenean.

more

Lorem ipsum

Lorem ipsum dolor sit amet, conc tetu er adipi scing. Praesent ves tibuum molestie lacuiirhs. Aenean.

more
Lorem ipsum

Lorem ipsum dolor sit amet, conc tetu er adipi scing. Praesent ves tibuum molestie lacuiirhs. Aenean.

more
Lorem ipsum

Lorem ipsum dolor sit amet, conc tetu er adipi scing. Praesent ves tibuum molestie lacuiirhs. Aenean.

more
 

About Us

Perspiciatis unde omnis iste natus error sit voluptatem. Cum sociis natoque penatibus et magnis dis parturient montes ascetur ridiculus musull dui.

Lorem ipsumulum aenean noummy endrerit mauris. Cum sociis natoque penatibus et magnis dis parturient montes ascetur ridiculus mus. Null dui. Fusce feugiat malesuada odio.

read more

Projects

  • Singapore Township
  • Mega luxury Villas
  • RNT Commercial Shopping Mall
  • SVN Independent & Duplex Houses
  • World wide IT park
  • North Arena SNT Township
  • Our Clients

       

    Home |  About | Services | Price | Projects | Contact

    Copyright © 2016.Company name All rights reserved.More Templates  模板之家  - Collect from  网页模板

    网页的css代码

    body{
    	font-family: 'Lato', sans-serif;
    	font-size: 14px;
    	margin: 0;
    	padding: 0;
    }
    
    /*bootstrap基本样式*/
    .container{
    	width: 1140px;
    	margin:15px auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /*导航条*/
    
    
    #navbar{
    	width: 1140px;
    	height: 75px;
    	margin: 0 auto;
    	padding-top:25px;
    	padding-left:15px;
    	padding-right:15px; 
    }
    
    .navbar_L{
    	display: inline-block;
    	float: right;
    }
    
    .navbar_Ul{
    	display: inline-block;
    	padding-left: 0;
    	margin-bottom: 0; 
    }
    
    .navbar_L li{
    	font-family: Oswald,sans-serif;
    	font-size: 14px;
    	font-weight: 400;
    	color: #8A8A8A;
    	display: inline-block;
    	text-align: center;
    	margin: 0 10px;
    	float: right;
    }
    
    
    /*幻灯图片*/
    .ppt{
    	width: 1024px;
    	height: 720px;
    	margin: 20px auto;
    	background-image: url(../pic/twoimg1.jpg);
    	background-size:1920px 1200px;
    	background-position:center; 
    	background-repeat: no-repeat;
    	animation:ppta 5s;
    	-moz-animation:ppta 5s; 
    	-webkit-animation:ppta 5s; 
    	-o-animation:ppta 5s;
    	animation-iteration-count:300;
    	-moz-animation-iteration-count:300;
    	-webkit-animation-iteration-count:300; 
    	-o-animation-iteration-count:300;
    }
    
    @keyframes ppta
    {
    	0%   {background-image: url(../pic/twoimg1.jpg);}
    	50% {background-image: url(../pic/twoimg2.jpg);}
    }
    
    @-moz-keyframes ppta
    {
    	0%   {background-image: url(../pic/twoimg1.jpg);}
    	50% {background-image: url(../pic/twoimg2.jpg);}
    }
    
    @-webkit-keyframes ppta 
    {
    	0%   {background-image: url(../pic/twoimg1.jpg);}
    	50% {background-image: url(../pic/twoimg2.jpg);}
    }
    
    @-o-keyframes ppta 
    {
    	0%   {background-image: url(../pic/twoimg1.jpg);}
    	50% {background-image: url(../pic/twoimg1.jpg);}
    }
    
    
    
    
    /*Our latest projects*/
    
    h3{
    	margin: 30px 0;
    	font-family: Oswald,sans-serif;
    	font-size: 30px;
    	color:inherit;
    }
    
    .picBox{
    	border: 1px solid #D5D5D5;
        padding: 4px;
    }
    
    .pic_p1{
    	font-family:'Lato',sans-serif;
    	font-size:14px;
    	font-weight:700;
    	margin-top:16px;
    }
    
    .pic_p2{
    	font-weight:normal;
    	line-height: 1.4;"
    }
    
    .more{
    	font-family: 'Lato', sans-serif;
    	color: #ae130c;font-size: 16px;
    	font-weight: 600;
    	text-decoration: none;
    }
    
    /*3排那个位置*/
    .h3_Fond{
    	margin:30px 0; 
    }
    
    .p_p{
    	font-family:'Lato',sans-serif; 
    	font-size: 14px;
    	line-height: 1.3;
    	margin-bottom: 9px;
    }
    
    
    .fUl ul{
    	font: 14px/1.2em 'Roboto', sans-serif;
        color: #ae130c;
    	padding-left: 0;
    
    }
    
    .fUl li{
    	border-top: 1px solid #f2f2f2;
    	padding: 6px 0 7px 30px;
    }
    
    /*图层*/
    
    /*最底部*/
    .big{
    	width: 100%;
    	background-color: #ae130c;
    	padding-top: 10px ;
    }
    
    
    .footerText{
    	background-color: #ae130c;
    	color: #aaa;
    	font-size: 12px;
    }
    
    .footerP{
    	color: #aaa;
    	padding: 4px 8px;
    }
    
    .footerP:hover {
        color: #fff;
    }

    以上是“怎么实现简单html网页”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


    文章题目:怎么实现简单html网页
    文章来源:http://cdxtjz.cn/article/jchdse.html

    联系我们

    您好HELLO!
    感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
    • 电话:028- 86922220 18980695689
    • 商务合作邮箱:631063699@qq.com
    • 合作QQ: 532337155
    • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

    小谭建站工作室

    成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

    小谭观点

    相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
    我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。