本文目录一览：
- 1、如何用HTML5制作网页
- 2、如何用html编写一个简单的网页
- 3、网页上有樱花飘下了但是我不明白什么是添加HTML代码
- 4、怎么给html设置一个花落的背景效果
- 5、用HTML代码编写一个网上花店主页!
- 6、如何用html制作一个网页
如何用HTML5制作网页
现在以HBuilder工具编写为例：
1. 打开此工具，在项目管理器中右键单击创建一个web 项目
2.右键单击项目名称，新建一个HTML文件----form01.html
!DOCTYPE html
!--
作者：offline
时间：2017-01-06
描述：form表单
在form标签中，有两个经常使用的属性
action：表单提交服务器地址
method: 表单提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get（默认的提交方式）
1.请求的参数放到地址栏中
2.不安全
3.存在缓存
4.传输数据的大小收到限制
提交方式----post
1.请求的参数放到http协议中
2.相对安全---账号密码等信息不会放到地址栏中
3.没有缓存
4.传输数据的大小限制较小
修改成post之后，可能会出现错误信息。
input标签：定义输入字段，用户可在其中输入数据。
属性：
type 指示 input标签的类型，默认的是text
按钮类型： 普通按钮 button 重置按钮 Reset 提交按钮 submit
value 定义要显示的文本。
--
html
head
meta charset="utf-8"
titleform表单1/title
/head
body
form action="" method="post"
input type="text" name="username" value="zhangsan" /
input type="submit" value="提交" /
/form
/body
/html
3.查看此网页是不是HTML5，主要看表头
4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式
如何用html编写一个简单的网页
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。
1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下：
html
body
最简单的网页
/body
/html
4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。
5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
网页上有樱花飘下了但是我不明白什么是添加HTML代码
就是你希望页面除了樱花效果，还想展示什么文字，表格之类的东西，就添加htmlbody这里ian你希望添加的东西，/body/html
怎么给html设置一个花落的背景效果
为html标签设置背景图片，花落的那个你需要使用一个大的gif图片
html {
background: url(图片地址) 0 0 no-repeat;
}
用HTML代码编写一个网上花店主页!
. HTML 入门例子
HTML 入门例子示例 -- 可以尝试编辑
* 在网页中输入文字
* 定义一个段落
* 定义多个段落
* 在一个段落中换行
* 为网页加上水平分割线
* 定义文字的颜色
* 定义网页的背景颜色
* 尝试链接到百度和google
* 点击图片就可以链接到你想去的地方
好通过上面的演练有点感觉了吧?下面开始详细学习:)
1打开记事本:点击"开始"－－选择"程序"－－选择"附件"－－选择"记事本"
2输入下面代码(直接拷贝过去就可以啦)
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
""
html
head
title 欢迎来到梦之都 /title
/head
body
p这是我的第一个网页,在这里
a href=""
尽情学习HTML吧!
/a吧!
/p
/body
/html
3点击"文件"－－选择"保存"－－选择文件类型为"所有文件"－－文件名输入"dreamdu.html"并选择文件保存地址.(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)
4现在我们可以双击这个文件.看看效果吧 .
现在解释一下上面的例子:
* HTML文件就是一个文本文件.文本文件的后缀名是.txt,而HTML的后缀名是.html.
* !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " "代表文档类型,大致的意思就是:遵循严格的XHTML1的格式书写.具体文档类型后面有介绍(见文档类型),现在只要照写就形.
* HTML文档中,第一个标签是html.这个标签告诉浏览器这是HTML文档的开始(见html标签).
* HTML文档的最后一个标签是/html,这个标签告诉浏览器这是HTML文档的终止.
* 在head和/head标签之间的文本是头信息.在浏览器窗口中,头信息是不被显示在页面上的(见head标签).
* 在title和/title标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏(见title标签).
* 在body和/body标签之间的文本是正文,会被显示在浏览器中(见body标签).
* 在p和/p标签代表段落(见p标签).
* a和/a定义了一个超链接,用户只要点击了"尽情学习",就可以链接到网站(见a标签).
引用网址:
如何用html制作一个网页
1，打开记事本，并在其中输入必要信息，完整代码如下：
!DOCTYPE htmlhtmlhead meta charset="utf-8" title/title
bodyheaderimg src="molihua.jpg"width="412" height="291"/header article header h2茉莉花/h2 p作者：宋 · 刘克庄 /p /header hr/ p曾与瑶姬约。恍相逢、翠裳摇曳，珠韝联络。风露青冥非人世，揽结玉龙骖鹤。
爱万朵、千条纤弱。
祷祝花神怜惜取，问开时、晴雨须斟酌。枝上雪，莫消却。
恼人匹似中狂药。
凭危栏、烛光交映，乐声遥作。身上春衫香薰透，看到参横月落。
算茉莉、犹低一著。坐有缑山王郎子，倚玉箫、度曲难为酢。君不饮，铸成错。/p h3清平乐/h3 p冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热，补陀夜夜清凉。/pdl dt《浣溪沙》/dt dd南国幽花比并香。直从初夏到秋凉/dd dt《鹧鸪天》/dt dd携靓侣，泛轻航。棹歌惊起野鸳鸯/dd dt《真珠帘》/dtdd茉莉芰荷香，拍满笙箫院。/dd
/dl/article footer2019.9.6/footer /body/html
启动浏览器运行后，大家会发现界面并不美观，文字看着也比较乱。
为了解决这个问题，可以在界面添加css规则，让界面更好看，更标准化，将下面的代码块添加到记事本中，位置在head和head/也就是头部之间：
style type="text/css"body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } /style
再次保存和预览，是不是看着美观多了
