整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
一篇文章我介绍了用记事本编写HTML脚本，这一篇文章我介绍一下网页的基本结构，有对网页设计感兴趣的朋友可以关注我，也可以收藏哟，谢谢大家了，以后我会更新我的文章，将所学知识分享给大家，谢谢大家！
网页的基本结构如下：
<!DOCTYPE html> <!--说明文档类型-->
<html> <!--顶标记-->
<head> <!--头标记-->
<meta charset="utf-8"> <!--指定网页的字符集-->
<title>hello</title> <!--指定网页标题-->
</head> <!--头标记结束-->
<body> <!--体标记-->
这是我的第一个网页，太棒了！ <!--内容显示-->
</body> <!--体标记结束-->
</html> <!--顶标记结束-->
解释：
?1、 <!DOCTYPE html> 指定文档类型。不同的HTML版本
有不同的文档类型写法。例如， html4.0、 xhtml和
html5都有自己的文档类型，浏览器就是根据文档类型
来解释html脚本的，以期达到正确的显示效果。
ublime text 文本编辑软件，软件小巧简洁，运行速度快是一款非常受人欢迎的代码编辑工具。
使用Sublime text，尤其是安装了强大的插件——emmet后，将拥有更加强大的代码自动补全功能。
如何快速生成html网页结构：只需一个!+Tab键，就生成一个HTML页面。
Sublime Text快速构造HTML页面
具体方法如下：
1. 安装sublime
2. 打开sublime text 3，按CTRL + `或者在菜单中选择View > Show Console，可打开控制台——也就是下面的一条输入框。
3. 在输入框中复制粘贴下以下代码：
import urllib.request,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
然后回车。这时可以看到鼠标变成了旋转的彩色圆圈，稍等片刻，一些代码出现在了控制台的上面。重启sublime text 3。
安装emmet插件
4. 在sublime text 3中按下快捷键CTRL + SHIFT + P
或者在菜单中选择Tools > Command Palette…
5. 在弹出的输入框的自动提示中选择Package Control: Install Package。
6. 输入Emmet并点击。此时emmet开始安装啦。等待几分钟，待最下面一行显示几行line，几个column时，emmet就算装好了。再次重启sublime text 3。
多刚入门HTML5前端开发的小伙伴对HTML页面的基本机构代码还不是很清楚，下面和千锋广州小编一起来看看吧。
1、什么是标签：
html标签组成是html文档的最基本元素,一般是成对出现,由开始标签和与其对应的结束标签构成.?如<html></html>，<p></p>，<body></body>，<head></head>，<span></span>等,此外，还有一些标签是单独出现的，如<img/>,<input/>等，标签可以相互嵌套使用。
由于html语言是一门弱类型语言,对格式的要求不是非常严格，因此所有标签是不区分大小写的,但是，一般在实际开发中，大家都统一使用小写。
2、html文档的基本结构
如上图，每一个html文档的基本结构为：
第一层：
<!DOCTTYPE>------！文档类型，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档，在html5文档中，一般写为<!DOCTTYPE html> ;值得注意的是，<!DOCTTYPE>不属于html标签。
<html></html>-------html标签，是html文档的根标签，所有的网页标签都放在这对标签中，是所有html标签的祖先容器。
第二层：
<head></head>-------头部标签，代表着html文档的头信息，是所有头部元素的容器，内部一般包含：<title> <script><style><meta><link>这些头部元素。
<body></body>-------网页主体标签，其内部主要包含着构成网页内容的一些元素，如<p></p>,<span></span>,<div></div>,<table></table>等。这些元素都会在网页的内容部分显示。
3、标签的属性
就如人有这身高、体重、年龄等这些属性一样，html标签也有自己的属性，如字体颜色，宽，高，背景等。这些属性一般通过键值对的形式卸载标签中，是标签的一部分，并且每种标签的属性都不完全像同，有的标签有着自己特有的属性。如下图所示：
4、html注释
在实际开发中，我们需要在html文档中做一些标记，方便日后对代码的维护及修改，也方便其他程序员了解我们的代码。而在html文档中，注释的格式为:
我们可以理解为，html中，标签元素是给计算机读的，为注释是给程序员看的。
以上就是今天分享的内容，希望对大家有帮助哦！
*请认真填写需求信息，我们会在24小时内与您取得联系。
