HTML骨架示例
<!DOCTYPEhtmlPUBLIC"-//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>说明
- 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元素中
1.HTML的html标签
html 标签 -- 代表HTML文档的开始
- html标签是成对出现的,以
<html>开始,</html>结束 - 属性
- Commom -- 一般属性
- xml:lang -- 国际化属性
- xmlns -- 代表xml命名空间
- dir-- 定义元素(文字)的对齐方式
示例
<htmlxmlns="http://www.cnblogs.com/JSWBK"xml:lang="zh-CN"dir="ltr">
说明
- xmlns="http://www.cnblogs.com/JSWBK"代表使用http://www.dreamdu.com做为命名空间
- xml:lang="zh-CN"代表使用中文作为页面文字
- dir="ltr"代表左到右(left-to-right)的文字对齐方式
2.HTML的head标签
3.HTML的title标签
title标签 -- 代表HTML文档的标题
- title标签是成对出现的,以
<title>开始,</title>结束 - 属性
- Common-- 一般属性
示例
<head><title>XHTML title 标签事例</title></head>
说明
- 此标签只能在head标签内出现
- title的内容通常在浏览器的标题栏中显示
- 浏览器中收藏夹内书签的名称是title的内容
- title的内容可以方便搜索引擎索引页面
- 从搜索引擎搜索到的内容的标题往往是网页title的内容
- title通常体现了网页的主体内容,所以记得一定要加上:)
使用技巧
比如"后台管理"这个页面,title内容的写法通常是"博客园后台管理 -- 博客园"
比如网站的"首页",title内容的写法通常是"首页 -- 介绍网站建设知识(HTML教程,CSS教程)"