HTML骨架 -- 解剖一下HTML

其实本节的标题,应该叫HTML框架(就是描述HTML文件的结构),可惜HTML中有一种元素就叫框架,所以我在这里使用骨架

HTML骨架示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

        <head>
                    <title>HTML文件标题</title>
                HTML头信息
          </head>

          <body>
                    HTML内容信息
          </body>

</html>

上面这个框架应该够清晰了

引用网址:http://www.dreamdu.com/xhtml/framework/

说明

  • HTML文档首先要声明一个文档类型,也就是上面例子第一行,定义了XHTML1.1文档类型(文档类型是为了说明这个页面使用了何种HTML规则,或者结构,这个在将来的教程中会详细介绍)
  • <html></html>是HTML文档的开始与结束,也是HTML文档的根元素
  • 除了文档类型外的所有页面内容,都包括在html元素
  • HTML文件中主要分为头信息head与内容信息body

文档head信息

  • 头信息head可以容纳文档的HTML相关信息,比如标题title,页面的语言与文字类型,css样式,javascript代码,简短描述关键词等内容,是用户无法直接看到的

文档body信息

  • 内容信息body包括用户可以看到的全部内容,比如段落,链接,表格等
  • 同学们还要注意一点,编写代码时一定要有层次感,head标签和body标签都是在html标签中的,所以我向后挫了一个tab键的距离,而HTML头信息又比head标签后挫了一个tab键的距离

上面就是html最基本的框架,而我们将来要学习的内容多数在body元素中,还有一少部分在head元素中

猴子推荐: 使用tab键产生HTML代码的层次感,可以使代码更清晰,更容易扩展.


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值