HTML基本语法
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Html的基本语法
1.1 Html概况
1.1.1 什么是Html
Html英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。是所有的internet站点的共同的语言,所有的页面都是以Html格式的文件为基础,再加上其他语言工具(例JavaScript、VBScript等)构成。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台。
Html文件扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。Html语言使用标签对的方法编写文件,它通常使用<标签名>标签名>来表示标签的开始和结束。在Html文档中这样的标签对一般是成对使用的。
1.1.2 为什么要学习Html
通过前面的学习我们知道,Micromedia公司的Dreamweaver是“所见即所得”的网页制作工具,使用它可以直接开发网页,而不用费劲的书写代码,这使得用户在没有Html语言基础的情况下,照样可以设计网页,而相应的Html文档由开发工具自动编写,这是网页图形编辑工具的最大优点,同时也是它最大的不足。受到图形编辑工具自身的约束,将产生大量的垃圾代码。所以,我们应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道哪些是垃圾代码,消除无用的代码,制作出高质量的网页。
1.2 Html文档的结构
超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
头部信息
文档主体,正文部分
其中在最外层,表示这对标记间的内容是HTML文档。我们还会看到一些网页省略标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。
之间包括文档的头部信息,如文档总标题等,若不需要头部信息则可省略此标记。 标记一般不能省略,它表示正文内容的开始。下面是一个最基本的超文本文档的源代码:
欢迎光临我的主页
这是一个我的第一个网页
━┓
┃
文件头
━┛
━┓
┃
┃
┃
┃文件体┃
┃
━┛
1.3 标签的格式
1.3.1 标签的作用
HTML标签是组成HTML文档元素,每一个标签描述了一个功能。HTML标签两端有两个包括字符:“<”和“>”,这两个包括字符被称为角括号。HTML标签一般成对出现,比如
1.3.2 标签的分类:
标签分为单标签,双标签两种。
单标签:只需单独使用就能完整地表达意思,这类标记的语法是:
< 标签名称>
最常用的单标签是
, 它表示换行。
双标签:它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签
前加一个斜杠(/)即成为尾标记。这类标记的语法是:
<标签> 内容 标签>
其中“内容”部分就是要被这对标记施加作用的部分
1.3.3 标签的属性:
为了增强标签的功能,许多单标记和双标记的始标记内可以包含一些属性,其语法是:<标签名字属性1=“属性值1”属性2=“属性值2”属性3=“属性值3”… > 各属性之间无先后次序,属性值应该被包含在引号中,常用双引号,但是单引号也可以使用,在有些情况下,比如说属性值本身包含引号,就得使用单引号。
比如:name='John "ShotGun" Nelson'。
注意:中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号,属性也可省略(即取默认值)。
1.4 基本标签
1.4.1 用于创建Html文档
标签用于Html文档的最前边,用来标识Html文档的开始。而标签恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,这对标签必须成对使用。
1.4.2
和构成Html文档的头部分,在此标签对之间可以使用1.4.3 网页标题
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在
1.4.4
是Html文档的主体部分,在此标签对之间可包含、
、、
、、
等众多的标签,它们所定义的文本、图像等将会在浏览器的框内显示出来。该标签必须成对使用。标签中还可以有以下属性: