简单的网页设计（HTML篇1）
本节成型网页框架：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>给新月的一封回信</title>
</head>
<body>
<div align="center">*//这里align属性是让文字居中显示，也可以不加，文字会顶格显示。*
<h3>给新月的一封回信</h3>
<p>今天回来的时候，坐在车上，想起来，初中时候和同学的话：
</p>
<p>以后不开车，要请一个司机来。</p>
<p>因为我晕车，但是现在我心中一想，以后我肯定开车接你</p>
<p>还要带你去很多地方</p>
<p>我突然恍悟</p>
<p>原来爱一个人，真的就可以为她破例任何事情。
</p>
<p>而且只有你能让我情愿做这些事</p>
<p></p>
<p>也只可以为你破例</p>
<p>甚至可以很多次的破例</p>
<h3>所以这封回信</h3>
<p>我就是想和你说</p>
<p>我会为你破例任何以前我不接受的事</p>
</div>
</body>
</html>
工具:HbuilderX。
在上方运行中选择在游览器中运行，选择浏览器即可开始运行。
首先新建项目
选择普通项目和基本HTML项目即可
HTML是一种标记语言，下面就简单介绍一些标签，然后就可以写出一些简单的框架了。
注：写出的网页只能在本地打开，纯粹传给其他人网址是打不开的，必须把整个项目传给他，才能打开：
鼠标右击左侧项目名-----选择打开文件所在目录------将整个项目文件传给想传的人，才能打开。
1.模块包裹标签：div
在body主体中打出div后按tab快捷键即可，我们的其他标签至少现在都写在div标签内部。
2.标题标签：h1~h6
标题标签有六级，从h1到h6依次字体变小，同样可以打出和
后按tab键即可
## 3.段落标签：p
我们一般不会用br强制换行，而是用段标签来换行。
4.插入图片方法
首先将图片直接拖入HbuilderX左侧img文件中，然后使用img src,alt,title标签语句直接使用即可：
在src引号中加img/后输入需要使用的图片的名字即可。
alt属性是网页每周有找到图片时显示的文字，如图:
title属性中是鼠标放在图片上，将会显示的文字。
5.跳转链接标签：a
<a href="home.html">♥♥♥</a>
键盘输入a然后按tab键即可补全代码。
在href属性中输入需要跳转的链接，可以是网址（需要输入网址），也可以是另一个一个html文件（需要输入文件名），♥♥♥代表跳转按钮的名字。
上面跳转的是html文件，下面跳转百度一下：
<a href="www.baidu.com">百度一下</a>
6.最上方的title标签，可以给浏览器栏的命名。
我的这个名字就是给新月的一封回信。
最后就是保存和注释了
保存快捷键：Ctrl+s；
注释快捷键：Ctrl+？。（将一段文字变成注释）
要取消注释，只需要再按一次就可以了。
6981
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
