网页构成
结构（HTML）描述页面结构
表现（CSS） 控制页面中元素样式
行为（JavaScript）响应用户操作
基本HTML页面：
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
<meta charset='utf-8'>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
基本操作
HTML注释中的内容不会在网页中显示
<！--&实体名字；
< <
>
空格
版权符号 ©
-->
例：a<；b>；c（c<a<b）
给‘第二个’上色，设置字号为1
<h1><font color='red' size='1'>第二个</font></h1>
标签一共从h1到h6分为6级，一般只用3级
h1的最重要，页面只能写一个h1
一个段落
<p>内容</p>
换行
<p>内容
内容</p>
图片(一般只设width)
<img src='图片' alt='图片起名' width='100px' height='200'px/>
./ 当前目录
../ 上层目录
../../上上层目录
三种图片格式
jpg 颜色丰富，不支持透明，图片可压缩
gif 动图，支持颜色少
png复杂透明图
效果不一致使用效果最好的
效果一样用体积最小的图
<center>内容</center> 居中分布
作业：
<!DOCTYPE html>
<html>
<head>
<title>我的个人博客</title>
<meta charset="utf8" />
</head>
<body>
<center>
<h1>不想长大</h1>
<p><font color='blue' size='5'>S.H.E</font></p>
<p>为什么就是找不到无邪的玫瑰花</p>
<p>为什么遇见的王子都不够王子啊</p>
<p>我并不期盼他会有玻璃鞋和白马</p>
<p>我惊讶的是情话竟然会变成谎话</p>
<p>为什么幸福的青鸟要飞的那么高</p>
<p>为什么苹果和拥抱都可能是毒药</p>
<p>我从没想过有了他还孤单的可怕</p>
<p>我突然想起从前陪我那个洋娃娃</p>
<p>我不想我不想不想长大</p>
<p>长大后世界就没有花</p>
<p>我不想我不想不想长大</p>
<p>我宁愿永远又笨又傻</p>
<p>我不想我不想不想长大</p>
<p>长大后我就会失去他</p>
<p>我深爱的他深爱我的他</p>
<p>已经变的不像他</p>
<p>我不想我不想不想长大</p>
<p>长大后世界就没有花</p>
<p>我不想我不想不想长大</p>
<p>我宁愿永远都笨又傻</p>
<image src='timg.jpg' alt='这是个图片' width='100px'/>
<p>我不想我不想不想长大</p>
<p>长大后我就会失去他</p>
<p>我深爱的他深爱我的他</p>
<p>怎么会爱上别个他</p>
<p>为什么水晶球里面看不出他在变</p>
<p>为什么结局没欢笑而是泪流满面</p>
<p>我愿意在他回来前继续安静沉睡</p>
<p>但他已去到别座城堡吻另一双嘴</p>
<p>为什么对流星许愿却从来没实现</p>
<p>为什么英勇的骑士会比龙还危险</p>
<p>我当然知道这世界不会完美无暇</p>
<p>我只求爱情能够不要那么样复杂</p>
<p>我不想我不想不想长大</p>
<p>长大后世界就没有花</p>
<p>我不想我不想不想长大</p>
<p>我宁愿永远都笨又傻</p>
<p>我不想我不想不想长大</p>
<p>长大后我就会失去他</p>
<p>我深爱的他深爱我的他</p>
<p>怎么会爱上别个他</p>
<p>让我们回去从前好不好</p>
<p>天真愚蠢快乐美好</p>
<image src='杰伦.jpg' alt='这又是一个图片' width='100px'/>
<p>我不想我不想不想长大</p>
<p>长大后世界就没有花</p>
<p>我不想我不想不想长大</p>
<p>我宁愿永远都笨又傻</p>
<p>我不想我不想不想长大</p>
<p>长大后我就会失去他</p>
<p>我深爱的他深爱我的他</p>
<p>怎么会爱上别个他</p>
<p>友情链接：A网站|B网站|C网站</p>
<p>回到顶部|联系我们</p>
</center>
</body>
</html>
