导航:首页 > 编程语言 > html5页面代码

html5页面代码

 发布时间：2023-08-19 05:20:46

『壹』 HTML5的代码有没有大神帮我做一下

<!DOCTYPEhtml>
<html>
	<head>
		<metacharset="UTF-8">
		<title></title>
		<styletype="text/css">
			body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,text
			
			area,p,blockquote,th,td{margin:0;padding:0;}
			body{background:#fff;color:#555;font-size:14px;font-family:Verdana,Arial,Helvetica,sans-serif;}
			td,th,caption{font-size:14px;}
			h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
			address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
			a{color:#555;text-decoration:none;}
			a:hover{text-decoration:none;}
			img{border:none;}
			ol,ul,li{list-style:none;}
			input,textarea,select,button{font:14pxVerdana,Helvetica,Arial,sans-serif;}
			table{border-collapse:collapse;}
			html{overflow-y:scroll;}
			
			.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
			.clearfix{*zoom:1;}
			
			.publish{
				margin:0auto;
				width:1000px;
				overflow:hidden;
			}
			header{
				height:60px;
				background:#ccc;
				border-radius:5px;
				text-align:center;
			}
			.content{
				margin-top:20px;
				margin-bottom:20px;
				height:300px;
				border-radius:5px;
			}
			article{
				width:700px;
				height:300px;
				float:left;
				background:#123bad33;
			}
			articleh3{
				line-height:40px;
				width:95%;
				height:40px;
				border-radius:3px;
				margin:0auto;
				font-weight:bolder;
				background:#dbf;
			}
			articlesection{
				width:95%;
				margin:10pxauto;
				height:240px;
				background:#00ff004f;
			}
			aside{
				height:298px;
				width:248px;
				float:right;
				border:1pxsolid#000;
				border-bottom-right-radius:5px;
				border-top-right-radius:5px;
			}
			footer{
				height:40px;
				text-align:center;
				line-height:40px;
				font-size:12px;
				background:#fda;
			}
		</style>
	</head>
	<body>
		<headerclass="publish">页头</header>
		<divclass="publishcontentclearfix">
			<article>
				<h3>专题标题</h3>
				<section>专题内容</section>
			</article>
			<aside>
				侧边栏
			</aside>
		</div>
		<footerclass="publish">页尾版权所有&;XuTel:xxxxxxxxx</footer>
	</body>
</html>

Html5语义化标签：

头部<header>
专题文章<article>
侧边栏<aside>
尾部<footer>

『贰』 HTML5的代码标准格式是什么

你想问的应该是，在搭建一个HTML文件时，基本的文件结构是什么样子吧？

标准的HTML文件由“文档声明、文件头、文件体”组成。

对于HTML5，文档声明也应该采取HTML5.0的声明方式，具体代码如下：

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>HTML5学堂（码匠） &言成科技联合出品</title>

<meta name="viewport" content="width=device-width,user-scalable=no">

<link rel="stylesheet" href="../css/reset.css">

</head>

<body>

<div>具体内容</div>

</body>

</html>

在html标签当中包含head标签和body标签两种，而head标签表示的是文件头，body标签表示文件体，文件头当中需要包含“字符编码”（head标签中的第一行）、“标题”（title标签）、“其他元信息”（除了字符编码外的其他meta），而文件体当中书写的具体代码就是在网页当中会显示的内容。

此外，在文件头部或文件体当中还可以使用link标签引入CSS文件，或者使用script标签引入JS文件。

关于文档声明，在传统的HTML4当中，有另外三种声明方法，请详见《文档声明 DOCTYPE常见的文档类型》

『叁』 找一点html5写的源代码案例，供初学者学习

首先准备好11张图片，放到img文件夹下供调用

阅读全文

与html5页面代码相关的资料

热点内容
flash80金鹰教程 浏览：374
怎么把美国的app账号换成中国的 浏览：375
贷款60秒app 浏览：408
捷安特骑行app有什么奖励 浏览：542
网站图片展示代码 浏览：167
asp找回密码 浏览：836
如何知道别人使用我的电脑和看了什么文件 浏览：712
prcs4视频导出后找不到文件 浏览：977
msp430系列单片机实用c语言程序设计 浏览：423
移动硬盘的文件格式 浏览：904
文件本地路径与云路径 浏览：103
进大白菜找不到系统文件 浏览：380
ug装配体找不到文件部件已删除 浏览：629
小网站怎么弄出来 浏览：649
jsp表单加参数 浏览：607
苹果5s手机老是卡屏 浏览：58
js给php变量赋值 浏览：446
杂志版本号是什么意思 浏览：223
地图特效代码 浏览：192
去除思科配置文件中的号 浏览：196

友情链接