HTML5学习笔记（一）
一、meta标记、body标记属性应用
代码如下：
<!DOCTYPE html>
<html>
<head>
<!--jason-zl-->
<meta charset="utf-8" />
<title>textone</title>
<meta name="keywords" content="tag"/>
<meta name="description" content="the use of meta and body"/>
</head>
<body text="red" bgcolor="green"background="C:\Users\HP\Pictures\SavedPictures\1.jpg" alink="black"
vlink="white"leftmargin="200px">
<h1>body属性应用</h1>
<p> Mozilla Firfox是由Mozilla基金会与开源团体共同开发的网页浏览器。<br>
Firefox 28全新发布，从<a href="http://firefox.com.cn/">火狐官方中文网站</a>上下载最新版Firefox火狐浏览器，
拥有最快、最安全的上网体验。</p>
</body>
</html>
效果图如下：
二、文本标记与应用
代码如下：
<!DOCTYPE html>
<html>
<head>
<!--jason-zl-->
<meta charset="utf-8" />
<title>格式化文本信息</title>
<style>
.text3{
text-align: center;
}
#title{
font-size:7;
}
#author{
font-size:3;
}
.text2{
font-family: ;="隶书" ;
font-size="5" ;
color="blue";
}
</style>
</head>
<body >
<!--1.标题字应用-->
<strong>1.标题字应用</strong>
<h1 align="center">软件工程是全国就业薪酬涨幅最大的专业</h1>
<h4 align="left">软件工程是全国就业薪酬涨幅最大的专业</h4>
<h5 align="right">软件工程是全国就业薪酬涨幅最大的专业</h5>
<hr color="#FF3333"></hr>
<strong>2.段落、字体标记应用</strong>
<!--2.段落、字体标记应用-->
<p class="text2"> 网页的本职就是超级文本标记语言，通过结合使用其它的Web技术（如：脚本语言、公共网管接口、组件等），
可以创造出功能强大的网页。</p>
<hr color="#00CC66"></hr>
<strong>3.文本标记应用</strong>
<!--3.文本标记应用-->
<p class="text3">2x<sup>2</sup>+3x=9 x<sub>1</sub>+x<sub>2</sub>=10<br>
<address class="text3">地址：江苏省南京市珠江路1924号</address></p>
<blockquote>超级文本标记语言是标准通用标记语言下的一下应用，也是一种规范，一种标准，
它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，通过在文本文件中添加标记符，
可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）</blockquote>
<hr color="#FF3333"></hr>
<!--第四部分-->
<strong>4.其他排版标记应用</strong>
<pre id="title"> 《春思》</pre>
<pre id="author"> 李白</pre>
<pre>
燕草如碧丝，秦桑低绿枝。
当君怀归日，是妾断肠时。
春风不相识，何事入罗帏？</pre>
</pre>
<hr color="#FF00FF" size="3"></hr>
</body>
</html>
效果图如下：