本文目录一览：
- 1、html网页制作教程
- 2、html表格制作教程？
- 3、html5零基础入门教程
- 4、菜鸟教程-HTML
html网页制作教程
html是编程语言之一。下樱知面，我们来看看html网页制作教程吧。
01
新建记事本
在桌面上，新建一张记事本，如下图所示：
02 -html教程
编写代码
打开记事本，编写代码，凳颂李如下枣迟图所示：
03 -html教程
修改后缀名
把记事本修改后缀名为.html，如下图所示：
04 -html教程
网页
在桌面上就会有一张网页，如下图所示：
05 -html教程
运行网页
最后在浏览器上运行该网页，如下图所示：
html表格制作教程？
使用webstorm制作网页文件的时候，难免会遇到制作举芹卜表格的情况，而且关键的布局方式一般都是使用表格完成的。
工具/原料
电脑webstorm
方法/步骤正穗
1、制作表格我们需要使用标签table在html中输入table标签，然后设置行和列，，tr代表行,td代表列，然后在行和列中输入相关的内容。
2、预览网页我们发现，网页显示格式看起来不像是表格，因为没有框线，这时候我们需要给table标签设置边框，border，如图所示，在table标签中，定义border的值，这样再预览网页我们就可以看到表格样式。-html教程
3、图中的表格表头和文本内容显示格式一致，我们可以使用th标签代替td标签作为表格的表头，系统自动将表头内部的文本内容加粗居中显示，这样表头格式就被着重定义出来。
4、可以使用caption标签给表格添加标题，caption是table标签的子标签需要首芹写在table标签内部，将需要定义的标题文本输入到caption中。
5、两行数值一样的话可以设置为rowspan值，如图所示，两行数据一致，直接设置rowspan值为2，下一行的这个数值就不必单独定义了，如果是三行数值一致，那么可以直接设置为3。
6、将多列相同数据一起显示可以使用colspan来进行设置，如图所示，第三列所有的内容都全部显示一致，我们可以设置像表格中的合并效果然后一起显示，这样就不必每一列都输入内容。
html5零基础入门教程
1、离线存储
HTML 5可以让你的WEB应用程序离线也能运行，它提供了一个称作“应用程序缓存”的离线存储功能，因此即使当用户离线，浏览器仍然能够访问到它所需的文件。这些文件可以是HM, CSS，Javascript或者其它任何网页运行所需要的文件。-html教程
2、拖拽功能
HTML 5提昌数供了可以用来设计交互应用程序的本地拖拽功散悄能，通过这个特性你可以拖动任何元素然后把它放到你想放到地方。
3、地理位置定位技术
HTML 5的地理位置定位API可以让你与所信任的网站分享你当前的位置信息，当然，隐私问题是这特性所主要考虑的，W3. org声明：浏览器在没有用户许可的情况下不允许私自向网站发送用户的地理位置信息。-html教程
比如一位用户使用Firefox浏览器访问了一个实现地理位置定位技术的网页，浏览器会向用户询问是否共享他的地理位置信息，如果用户同意，Firefox会收集附近无线接入点和访问者IP地址信息，并把这些信息发送到默认设定的Google地理位置服务，处理之后的位置信息将会发送给用户访问的这个网站。-html教程
4、音频和视频
当前的HML缺少在页面中嵌入多媒体文件的特性，因此多媒体文件的嵌入需要使用各种的插件。比如FLASH被广泛地用来嵌入音频和视频文件。现在可以非常方便地使用HTML5提供的audio和video标冲迅渣签，而不用任何插件。-html教程
5、表单输入
HTML5提供了几个新的表单input类型，像弹出日历，调色板，数字输入框等等。这些可以创建拥有更好的输入控制和验证的高效表单。
菜鸟教程-HTML
!DOCTYPE html声明为html5文档，有助于浏览器正确显示网页
html元素是羡旅团html页面的根元素
head元素包含了文档的元数据，兄橘如定义网页编码格式
title元素描述了文档的标题
body元素包含了可见的页面内容
h1元素定义一个大标题
p元素定义一个段落
注：在浏览器的页面上使用键盘的F12按键开启调试模式，就可以看到组成标签
“HTML 标签”和“HTML 元素”通常是描述同样的意思，但是严格来说，一个HTML元素包含了开始标签和结束标签。只有body区域才会在浏览器中显示。镇型
标题是通过h1-h6标签来定义的，字号逐渐减小。
HTML链接是通过标签a来定义的，在href中指定链接的地址。
图像是通过img来定义的，图像的名称和尺寸是以属性的形式来提供的。
HTML文档由HTML元素定义。
