您的位置：首页 > Web前端 > HTML

HTML学习笔记——语法+骨架

2014-09-02 10:32 288 查看

[b]一、什么是HTML[/b]

HTML是用来制作网页的标记语言

HTML是Hypertext Markup Language的英文缩写,即超文本标记语言

HTML语言是一种标记语言,不需要编译,直接由浏览器执行

HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀

HTML是大小写不敏感的,HTML与html是一样的

HTML是由W3C的维护的

[b]二、HTML语法[/b]

HTML文档（页面）——HTML元素——HTML标签——HTML属性

1、HTML标签

HTML标签是HTML语言中最基本的单位

通常要用两个角括号括起来:

和

.

是闭合的(闭合就是标签的最后要有一个

,来标示结束.),但不一定是成对出现的,比如: <br /> (单独出现的换行标签)

标签是大小写无关的.

HTML标签语法：

<标签名>内容</标签名>
<标签名 />

附注：常用的HTML标签

html标签 -- 定义HTML文档.

body标签 -- 定义HTML文档的内容.

p标签 -- 定义段落.

h1-h6标签 -- 定义标题.

html注释 -- 定义注释内容

最常用的html标签

自封闭的html标签

2、HTMl属性

HTML属性 -- 一般都出现在HTML标签中,HTML属性是HTML标签的一部分

标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中

标签可以拥有多个属性

属性由属性名和值成对出现

HTML属性语法：

<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值"></标签名>

3、HTML元素

HTML元素是构建网页的一种单位,是由HTML标签和HTML属性组成的,HTML元素也是网页中的一种基本单位.

HTML元素可以互相包含.

4、HTML文档

HTML文档就是HTML页面,也就是网页,是由HTML元素组成的.

互联网的所有内容都是由一个个HTML文档体现的.

5、HTML注释

HTML注释的开始使用

<!--

,结束使用

-->

HTML注释语法

<!--注释的内容-->

[b]三、HTML骨架[/b]

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>

HTML文档首先要声明一个文档类型,也就是上面例子第一行,定义了XHTML1.1文档类型.

<html>
和
</html>
是HTML文档的开始与结束,也是HTML文档的根元素

除了文档类型外的所有页面内容，都包括在html元素

HTML文件中主要分为头信息head与内容信息body

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

文档body信息：内容信息body包括用户可以看到的全部内容，比如段落，链接，表格等.

1、html 标签 -- 代表HTML文档的开始

html标签是成对出现的,以

<html>

开始,

</html>

结束

属性

Common -- 一般属性

xml:lang -- 国际化属性(en--英语;zh-CN--中文)

xmlns -- 代表xml命名空间

dir -- 定义元素(文字)的对齐方式(ltr -- 代表左到右的排列方式;rtl -- 代表右到左的排列方式)

示例：
<html xmlns="http://www.dreamdu.com" xml:lang="zh-CN" dir="ltr">
说明：
xmlns="http://www.dreamdu.com"代表使用http://www.dreamdu.com做为命名空间
xml:lang="zh-CN"代表使用中文作为页面文字
dir="ltr"代表左到右(left-to-right)的文字对齐方式

2、head 标签 -- 代表HTML文档的头信息

head标签是成对出现的,以

<head>

开始,

</head>

结束

头(head)包含了当前文档的一些信息,例如标题信息,meta信息等,正常情况下头信息是不会显示在HTML文档中的.

head元素包含的标签:

title标签 -- 代表HTML文档的标题

base标签 -- 定义基URL用于页面的链接与引用

link标签 -- 当在文档中声明使用外接资源(比如CSS)时使用此标签,单独出现
位置链接邮件链接图像链接

<a href="http://www.baidu.com/" title="baidu">
<img src="http://www.baidu.com/img/logo.gif" />
</a>

<a href="http://www.google.com/" title="google">
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" />
</a>

示例

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航