HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。
二、作品效果截图演示三、作品代码隣HTML代码!DOCTYPEhtmlhtmllang="en"headmetacharset="utf-8"title端午/titlelinkhref="css/style.css"type="text/css"rel="stylesheet"media="all"/headbodyheaderclass="headclearfix"bclass="fl"imgsrc="images/logo.png"width=""/bdivclass="fr"ahref="index.html"主页/aahref="xinwen.html"历史渊源/aahref="xisu.html"民间习俗/aahref="fengcai.html"特色饮食/aahref="shipin.html"视频/aahref="liuyan.html"留言/a/div/headerdivclass="mainclearfix"divclass="bannerclearfix"imgsrc="images/timg.jpg"width="%"/divdivclass="div4bg"style="margin-left:0"divclass="bar"h3图片/h3/divdivclass="ne"divstyle="font-size:14px"imgsrc="images/bs.jpg"width="%"/div/div/divdivclass="div4bgfr"divclass="bar"h3端午节/h3/divdivclass="ne"divstyle="font-size:14px"p端午节，又称端阳节、龙舟节、重午节、天中节等，源于自然天象崇拜，由上古时代祭龙演变而来。仲夏端午，苍龙七宿飞升于正南中天，处于全年最“正中”之位，即如《易经·乾卦》第五爻：“飞龙在天”。端午是“飞龙在天”的吉祥日子，龙及龙舟文化始终贯穿在端午节的传承历史中。端午节是集拜神祭祖、祈福辟邪、欢庆娱乐和饮食为一体的民俗大节。/pp端午节，本是上古先民创立用于拜祭龙祖、祈福辟邪的节日。传说战国时期的楚国诗人屈原在五月五日跳汨罗江自尽，后人亦将端午节作为纪念屈原的节日；也有纪念伍子胥、曹娥及介子推等说法。端午节的起源涵盖了古老星象文化、人文哲学等方面内容，蕴含着深邃丰厚的文化内涵，在传承发展中杂糅了多种民俗为一体，各地因地域文化不同而又存在着习俗内容或细节上的差异。/pp端午节与春节、清明节、中秋节并称为中国四大传统节日。端午文化在世界上影响广泛，世界上一些国家和地区也有庆贺端午的活动。年5月，国务院将其列入首批国家级非物质文化遗产名录；自年起，被列为国家法定节假日。年9月，联合国教科文组织正式批准将其列入《人类非物质文化遗产代表作名录》，端午节成为中国首个入选世界非遗的节日。/p/div/div/divdivclass="div4bg"style="margin-left:0"divclass="bar"h3图片/h3/divdivclass="ne"divstyle="font-size:14px"imgsrc="images/bs2.jpg"width="%"/div/div/divdivclass="div4bgfr"divclass="bar"h3源流/h3/divdivclass="ne"divstyle="font-size:14px"p古老传统节日的起源与上古原始信仰、祭祀文化及天象、历法等人文与自然文化内容有关。根据现代人类学、考古学的研究成果，人类最原始的两种信仰：一是天地信仰，二是祖先信仰。古老节日多数形成于古人择吉日祭祀，以谢天地神灵、祖先恩德的活动。早期的节日文化，反映的是古人自然崇拜、固本思源等人文精神；一系列的祭祀活动，则蕴含着祗敬感德、礼乐文明深邃文化内涵。节日的起源和发展是一个逐渐形成，潜移默化地完善与普及的过程。/pp端午节源自天象崇拜，由上古时代龙图腾祭祀演变而来。端午祭龙礼俗与原始信仰、祭祀文化、干支历法以及苍龙七宿正处南中的天象有关。中国古代的星象文化源远流长、博大精深，古人很早开始就探索宇宙的奥秘，并由此演绎出了一套完整深奥的观星文化。据《春秋命历序》：“天地开辟，万物浑浑，无知无识；阴阳所凭，天体始于北极之野…日月五纬一轮转；天皇出焉…定天之象，法地之仪，作干支以定日月度。”上古时代人们定天之象、法地之仪，根据日月星辰的运行轨迹和位置，将黄道和赤道附近的区域分作28组星宿，俗称“二十八宿”，按东南西北四方各分为七宿，即为“四象”；在东方的“角、亢、氐、房、心、尾、箕”组成一个完整的龙形星象，即苍龙七宿。苍龙七宿的出没周期与一年四时周期相一致，春季于东方抬头，夏季于南方腾升，秋季于西方退落，冬季隐没于北方地平线下。/p/div/div/divdivclass="clearfix"/div/divfooterclass="footer"端午节/footer/body/htmlCSS代码
/*CSSDocument*/a{font-size:14px;text-decoration:none;color:#}a:hover{color:#33CCFF}h1,h2,h3{margin:0;padding:0}body{margin:0auto;padding:0;background:#EBEBE1;width:px;color:#;line-height:24px}.clearfix:after{clear:both;content:";display:block;}.head{height:px;overflow:hidden;background:#c34}.heada{color:#fff;background:#c34;padding:5px15px;}.heada{font-size:18px;margin:35px10px;display:inline-block}.heada:hover{background:rgb(,,)}.fl{float:left}.fr{float:right}.bannerimg{display:block}.div2.frdiv{margin:5px5px;height:px}.div2{float:left;margin-top:20px;width:px;}.div4{float:left;padding:10px;margin-left:34px;margin-top:20px;background:#c34;width:px;height:px;font-size:16px;color:#fff}.footer{text-align:center;padding:30px0;font-size:20px;color:rgb(68,,61);font-weight:;}.con{padding:px;}.title{color:#FF;text-align:center;padding:20px0;border-bottom:#dashed1px;margin-bottom:20px}.ne{margin-top:10px;}.bar2{padding:20px;}.fr{float:right}.bgcon{background:#c34;padding-bottom:30px;color:#fff}.msg{margin:0auto;width:px;font-size:18px;}.msg.inp{padding:10px10px;border:none;width:%}#submit{background:#9fd;color:#;padding:10px20px;border:none}.bar{background:#bce9a7;color:#;padding:10px;}.div4ul{margin:0;padding:15px;list-style:none}.div4ulli{border-bottom:#FFCC99dotted1px}.div4ullia{color:#fff;font-size:16px}.xwlist{list-style:none;margin:0;padding:0}.xwlistli{padding:10px0;margin:5px0;background:rgba(0,0,0,0.1)}.xwlistlia{font-size:18px;color:#FFFF33;}.ys{width:%;height:px;}.ysle{float:left;width:30%;}.ysleimg{width:%;}.ysri{float:right;width:68%;}四、更多源码
从web基础、计算机基础到前端常用框架的教程，涵盖前端大部分必备知识（学习指南+技术文章+资源分享）