赞
踩
HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。
1 网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。
2.网页编辑:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。
3.知识应用:技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件)所需的知识点。
代码如下(示例):以下仅展示部分代码供参考~
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link type="text/css" rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src="js/js.js"></script> <title>电影电视剧</title> </head> <body> <div class="wrapin"> <header class="clearfix"> <a href="#" class="logo"><img src="images/logo.png"/></a> <ul class="clearfix nav"> <li><a href="index.html">首页</a></li> <li><a href="dianying.html">电影</a></li> <li><a href="dianshiju.html">电视剧</a></li> <li><a href="yingyuan.html">电影院</a></li> </ul> <div class="denglu"> <a href="login.html" class="dl">登录</a>丨 <a href="zhuce.html" class="zc">注册</a> </div> </header> </div> <div class="wrapin"> <div class="banner_con clearfix"> <div class="banner_box "> <div class="box-1"> <ul> <li><a href="#"><img src="images/banner_01.jpg"></img></a> </li> <li><a href="#"><img src="images/banner_02.jpg"></img></a> </li> <li><a href="#"><img src="images/banner_03.jpg"></img></a> </li> </ul> </div> <div class="box-2"> <ul> </ul> </div> <div class="box-3"> <span class="prev"> < </span> <span class="next"> > </span> </div> </div> </div> <div class="con"> <div class="title"> <h2>电影院</h2> </div> <div class="about clearfix"> <div class="text"> <p>万达电影股份有限公司(以下简称万达电影 股票代码:002739.SZ)隶属于万达集团。2005年,万达电影院线成立,2015年A股上市,2017年正式更名为万达电影。业务范围从产业链下游放映业务向上延伸至电影投资、制作和发行及相关衍生业务,全面覆盖电影产业链。截至2020年12月31日,万达电影在全球拥有影院1704家,银幕17118块;包含国内直营影城700家、6099块银幕。其中,拥有44家杜比影院和370块IMAX银幕,IMAX银幕数量全球领先。 </p> <a href="dyy1.html" class="btn">详情查看</a> <a href="dingpiao.html" class="btn2">订票</a> </div> <div class="
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。