STU网页设计

学生HTML5网页课程作业中简单的网页代码示例

更新时间:2021-11-05   文章分类:网页技术课堂

HTML5在运用的时候,简明扼要,很好使用。html5是属于web前端开发的一部分,万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,就是所说的html5。

简单HTML5网页

HTML5简单示例

<!DOCTYPE html>

<head>
<meta charset=utf-8>
<title>STU网页示例</title>
<style type="text/css" rel="stylesheet">
header, nav, article, footer {
	border: solid 1px #666;
	padding: 5px
}
header {
	width: 500px
}
nav {
	float: left;
	width: 60px;
	height: 200px
}
article {
	float: left;
	width: 428px;
	height: 200px
}
footer {
	clear: both;
	width: 500px
}
</style>
<script type="text/javascript">  

        document.createElement('article');   

        document.createElement('nav');  

        document.createElement('header');  

    </script>
</head>

<body>
<header>
  <hgroup>导航相关数据</hgroup>
</header>
<nav>菜单</nav>
<article>
  <h1>HTML5专题视频教程</h1>
  发布日期:
  <time>09:00</time>
  <time datetime="2021-11-11">双11购物节</time>
  <p>测试相关内容</p>
</article>
<footer>
  <address>
  地址
  </address>
</footer>
</body>
</html>

希望通过这个简单的HTML5网页代码可以帮你进一步了解html5,让你喜欢上html5。点此挑选静态HTML网页设计成品

STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询