h5WriteStart

HTML5完整代码的编写

1、HTML的编写的格式：

<!doctype html><html>
<head>
html 标题
</head>
<body>
html主体
</body>
</html>

2、用HTML代码来改变网页的外观

<!doctype html>
<html>
<head>
<meta charset="utf-8"><title>新网页1</title>
</head>
<body bgcolor="white" text="blank" link="red" vlink="green" alink="blue">html文件的主体</body>
</html>

3、若改用css定义网页的外观

<!doctype html>
<html>
<head>
<meta charset="utf-8"><title>新网页1</title>
<style type="text/css">
	body{
      background:white;
  	  color:black;
	}
	a:link{color:red;}
	a:visited{color:green;}
	a:active{color:blue;}
</style>
</head>
<body>html文件的主体</body>
</html>

4、除了标题之外，包括段落、图片、表格等区块也有align属性。但是在代码中是用css来写的。也就是变成了text-align，属性的值和原来的一样。

5、HTML5新增的结构元素

1）区段结构

（1）< article>：这个元素可以用来标记网页的文本或独立的内容，例如博客的一片文章、新闻网站的一则新闻报导。

（2）< section>：这个元素可以用来标记通用的区段，例如网页的文本分别为不同的主题区段，或将一片问还在那个分割为不同的章节或段落。

<!doctype html>
<html>
<head>
	<title>唐诗欣赏</title>
</head>
<body>
	<artcle>
		<hgroup>
			<h1>唐诗</h1>
			<h2>五言绝句篇</h2>
		</hgroup>
		<p>五言绝句为近体诗的一种，每首四句，功十二字。</p>
		<section>
			<h1>送别</h1>
			<p>山中相送罢，日暮掩柴扉。春草年年绿，王孙归不归。</p>
		</section>
		<section>
			<h1>鹿柴</h1>
			<p>空山不见人，但闻人语响。返景入深林，复照青苔上。</p>
		</section>
	
	</article>
</body>
</html>

显示结果为：

shangrila-xiu

HTML5完整代码的编写