企业名称:长沙简界网络科技有限公司
联系人:房经理
电话:0731-83091505
手机:188-7414-8081
邮箱:779923984@qq.com
传真:0731-83091506
网址 : www.hnjianjie.net
地址:长沙市岳麓区铜盆湖路1号山水誉峰5栋5楼
HTML的基本结构,从中我们可以看出,一个页面是由4个部分组成的。
文档声明:<!DOCTYPEhtml>。
html标签对:<html></html>。
head标签对:<head></head>。
body标签对:<body></body>。
<!DOCTYPE htmi> 文档声明
<htmi>
<head> </head> 页头 HTML文档
<body>
</body> 页身
</html>
图3-1HTML基本结构
一个完整的HTML页面,其实就是由一对对的标签组成的(当然也有例外)。接下来,我们简单介绍一下这4个部分的作用。
在制作HTML页面长沙做网站,长沙网站制作,长沙网站建设公司中就有充分用到此页面。
1.文档声明
<!DOCTYPEhtml>是一个文档声明,表示这是一个HTML页面。
2.HTML标签
HTML标签的作用,是告诉浏览器,这个页面是从<html>开始,然后到</html>结束的。在实际开发中,我们可能会经常看到这样一行代码。
<html
xmlns="http://wwww3org/1999/xhtml">
这句代码的作用是告诉浏览器,当前页面使用的是W3C的XHTML标准。这个我们了解即可,不用深究。一般情况下,我们不需 要 加 上 xmlns="http://wwww3org/1999/xhtml"这一句。
3. head标签
<head></head>是网页的“头部”,用于定义一些特殊的内容,如页面标题、定时刷新、外部文件等。做网站中就有长沙做网站,长沙网站制作,长沙网站建设公司都体现了<head>所在的网页分布。
4. body标签
<body></body>是网页的“身体”。对于一个网页来说,大部分代码都是在这个标签内部编写的。
此外,对于HTML结构,有以下2点要跟大家说明。对于HTML结构,虽然大多数开发工具都会自动生成,但是作为初学者,大家一定要能够默写出来,这是需要记忆的(其实也很简单)。
记忆标签时,有一个小技巧:根据英文意思来记忆。比如head表示“页头”,长沙做网站中用到body表示“页身”。
下面我们使用HBuilder新建一个HTML页面,然后在里面输入以下代码。
浏览器预览效果如图3-2所示。
分析
title标签是head标签的内部标签,其中
<title></title>标签内定义的内容是页面的
标题。这个标题不是文章的标题,而是显示在浏览器栏目的那个标题。
【解惑】
在初学阶段,想要熟练掌握HTML和
CSS,是不是应该使用记事本来编写呢?
这是初学者Z常问的一个问题。我的建议:完全没有必要!因为,使用开发工具
编写,虽然有代码提示,但是随着你编写
的代码越来越多,你可以牢牢地把HTML和CSS都记住的。