h5(梅花网页制作)

<!DOCTYPE html>
<html>
<head><title>梅花网</title>
</head>
<style type="text/css">*{margin: 0;padding: 0;}header{background-image: url(img/timg.jpg);height: 214px;width: 805px;margin: 0 auto;}a{text-decoration: none;padding-left: 31px;padding-right: 31px;height: 50px;line-height: 50px;color: #fdfdfd;text-align: center;padding-bottom: 20px;padding-top: 20px;}li a:hover {background-color: yellow;}li{float: left;}ul{list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #3c2201;}li a {display: block;color: white;text-align: center;padding: 1px 31px;text-decoration: none;
}nav{height: 50px;width: 805px;background: ;margin: 0 auto;}article{width: 805px;height: auto;margin: 0 auto;background-color: #f8f7f2;}h1{text-align: center;margin-bottom: 20px;border-bottom: 1px solid;border-color: #c3cac2;height: 50px;width: 600px;}p{text-indent:2em;margin: 15px;}footer{width: 805px;height: 50px;text-align: center;margin: 0 auto;}</style>
<body style="background-color: black;"><header></header><nav><ul><li><a href="">红梅</a></li><li><a href="">宫粉梅</a></li><li><a href="">绿梅</a></li><li><a href="">青梅</a></li><li><a href="">花梅</a></li><li><a href="">胭脂梅</a></li><li><a href="">绿鄂梅</a></li><li><a href="">更多</a></li></ul></nav><article><center><h1>红梅介绍</h1><p>红梅是梅花的一种，这种植物可用于园林、绿地、庭园、风景区，可孤植、丛植、群植等；也可屋前、坡上、石际、路边自然配植。可用常绿乔木或深色建筑作背景，衬托出梅花玉洁冰清之美。古代强调"梅花绕屋"、"登楼观梅"等，均是为了获得最佳的观赏效果。另外，梅花可布置成梅岭、梅峰、梅园、梅溪、梅径等。</p><p>红梅是梅花的一种，这种植物可用于园林、绿地、庭园、风景区，可孤植、丛植、群植等；也可屋前、坡上、石际、路边自然配植。可用常绿乔木或深色建筑作背景，衬托出梅花玉洁冰清之美。古代强调"梅花绕屋"、"登楼观梅"等，均是为了获得最佳的观赏效果。另外，梅花可布置成梅岭、梅峰、梅园、梅溪、梅径等。</p><p>红梅是梅花的一种，这种植物可用于园林、绿地、庭园、风景区，可孤植、丛植、群植等；也可屋前、坡上、石际、路边自然配植。可用常绿乔木或深色建筑作背景，衬托出梅花玉洁冰清之美。古代强调"梅花绕屋"、"登楼观梅"等，均是为了获得最佳的观赏效果。另外，梅花可布置成梅岭、梅峰、梅园、梅溪、梅径等。</p></center><img src="img/1.jpg"></article><footer style="background-color: #f8f7f2; "><center><p style="margin: 0px;border-top: 1px solid;line-height: 50px;border-color: #c3cac2;">19计算机应用技术1班郭瑞鹏</p></center></footer>
</body>
</html>

h5(梅花网页制作)相关推荐

H5(HTML)网页制作基础
HTML网页 HTML(Hyper Text Markup Language)的全称为超文本标记语言,是一种标记语言. 它包括一系列标签. 双击桌面<此电脑>或者Win键+E键或者右击& ...
7个H5网页制作工具全面介绍
目前市场上的各种H5网页制作工具,包括一个良好的印象,也真材实料.但如何区分?其实,最简单的方法是看该情况下,使用这些H5页的创作工具来进行什么样的H5的. 我在创作H5的时候遇到许多坑,在国内外所有 ...
H5是一系列制作网页互动效果的技术集合
H5是一系列制作网页互动效果的技术集合 1,下载和安装:传统的移动端游戏要下载安装以后才可以使用,而H5游戏则免去了这些步骤,满足用户直接在微信中打开.操作,不仅节省了用户手机的空间.改善了桌面视觉, ...
H5页面免费制作工具大集合
营销代有手段出,各领风骚数百天.要说现在哪些营销方式最能传播,屡屡刷爆朋友圈的H5页面肯定就是首当其冲的,提到H5页面,就立马想到"围住神经猫",上线微信朋友圈3天的时间便创造了用 ...
python制作网页难吗_怎么做网页制作（用python做网页与html）
想要做一个大型的网站,必须拥有较强的网站设计能力,而且photoshop.flash.Cool 3d.Gif Animator等网页制作的辅助工具必须都懂,数据库是网站的强大支持,因此,数据也需要懂. ...
网页制作HTML代码全攻略
网页制作HTML代码全攻略第一章:HTML 语言的结构 html文件是标准的ASCII文件,它看起来象是加入了许多被称为标注(tag)的特殊字符串的普遍文本文件.从结构上讲,html文件由元素(el ...
好趣艺术设计部落网页制作案例
内容来自<HTML+CSS+JavaScript网页制作案例教程(第2版)> 内容分类:html.css.js实战书籍作者:黑马程序员文章目录效果图代码 html css js 文 ...
在微信朋友圈常见的H5要如何制作？
在微信朋友圈常见的H5要如何制作? 关于调查问卷的制作用H5可以吗? H5可以作为哪些场景使用?要怎么做? H5用途教学在这里,欢迎学习观看微信H5链接自学制作教学什么是H5链接?H5链接该怎么做 ...
HTML网页制作入门
今天学习了网页制作,用Tomcat建了个本地网页服务器,这个自己访问上传到学校的服务器就能公共访问了,臭个美,ip=http://home.ustc.edu.cn/~cl626/ 一个本地链接,一个 ...

h5(梅花网页制作)

h5(梅花网页制作)相关推荐

最新文章

热门文章