快手-web程序设计.pdfVIP

网页基础知识页码，1/50

网页基础知识

参考:

什么是HTML

HTML(HyperTextMark-upLanguage):超文本标记语言,用于编写网页.

在网页上点右键打开菜单，选“查看源代码”就可以查看网页的HTML源代码。

HTML类似XML语法。使用标记(Tag)来标识网页节点，每一个标记置于尖括号内.并用/标明

结束标记.

例如;

html

head

title网页标题/title

/head

body

body之间则为主要语法所在，也是网页的主要呈现部分。

br/

imgsrc=图片路径/

ahref=超链接网址显示在网页上的超链接文字/a

下面是一个简单的登录表单：

formaction=提交的目标网址method=post

请输用户名：inputname=usernametype=text/

请输入密码：inputname=passwordtype=password/

/form

/body

/html

以上看到的就是一个最简单架构的网页源代码(HTML)。

HTML采用类似XML的语法，由很多成对的、可嵌套的标记组成。所

有的标记放在尖括号内，而结束标记需要加一个斜杠。

例如：

html表示html源码开始，而/html则表示html源码的结束。

如果一个节点没有结束标记,则应在开始标记结束处的尖括号前添加一个正斜杠,如下:

br/这表示一个HTML换行,注意在正斜杠前面需要有一个空格.

imgsrc=图片路径/

一份完整的网页主要包含了二个部份：

HTML头:head之间的部份/head

网页内容:body之间的部份/body

file://C:\DocumentsandSettings\Administrator\LocalSettings\Temp\...2015-9-18

第1頁(共50頁)

网页基础知识页码，2/50

在HTML头的部份head/head中，有另一组子标记title/title。在title/title

这里面的文字就是网页的标题。

在HTML头的内容部份body/body中，有另一组子标记:form这中间表示一个表单

/form，通常在网页上输并提交内容的部份都是一个表单。

什么是HTMLDOM

从上一节我们可以看到HTML就是由一个个内外嵌套的节点来表示文档中的对象，这种架构称

为HTMLDOM(DocumentObjectModel文档对象模式).

HTMLDOM是指用于HTML/XHTML的文档对象模型。DOM定义了节点(Node)的接口以及组成DOM

树（称之为文档）元素的Node子接口，节点之间可以包含嵌套。

最顶层的是document对象,是所有对象的根节点.而HTML元素(element)是由HTML起始标签和

结束标签以及内部包含的属性、元素等表示的节点对象。

下面是一个超链接元素的示例:

点这里打开一鹤软件主页

HTML源码如下:

ahref=/target=_blank点这里打开一鹤软件主页/a

上面就是一个型的一个HTML节点,一个节点可以包含以下元素:

l标记:

超链接的标记是a,起始标记为a,结束标记为/a

l属性(attribute)

属性就是一个个用空格分格的键值对,语法类似aardio里的table对象,不同的是table

以分号分隔键值对,而HTML是用空格来分隔属性.

超链接的href属性表示链接打开的目标网址.

而target属性指定打开的窗口名字,_blank指在新窗口中打开href指定的链接.

l内部文本(innerText)

指在节点开始标记与结束标记之间包含的文本,通常是用于显示在网页上的内容..

这里是点这里打开一鹤软