HTML基础介绍

    

    HTML是用来描述网页的一种语言。HTML不是一种编程语言,而是一种标记语言(marhup language),指的是超文本标记语言(Hyper Text Marhup Language)。

    一个完整的HTML文件包含头部和主体两个部分的内容,在头部内容里,可定义标题、样式等,文档的主体内容就是要显示的信息。

    HTML文档的基本结构如下:

<html>

    <head>

        <title> 一个简单的HTML示例 </title>

    </head>

    <body>

        <h1> 欢迎光临我的主页 </h1>

    </body>

</html>

   <html>标记通常会作为HTML文档开始的代码,出现在文档的第一句,而</HTML>标记通常作为HTML文档的结束代码,出现在文档的尾部,其他所有的HTML代码都位于这两个标记之间,该标记用于告知浏览器或其他程序,这是一个Web文档,应该按照HTML语言规则对文档内容的标记进行解释;<head></head>是HTML文档的头部标记;<body></body>标记之间的文本是浏览器中要显示的页面内容。这几个标记在文档中都是唯一的,<head></head>和<body></body>标记嵌套在HTML标记中。

 

一、头部内容

   <head></head>是HTML文档的头部标记,在浏览器窗口中,头部信息是不被显示在正文中的,在此标记中可以插入其他用以说明文件的标题和一些公共属性的标记。

[注]如果不需要头部信息则可以省略此标题,但这不是一个良好的编程习惯。

 

   如果要指定HTML文档的网页标题(它将显示在浏览器窗口顶部标题栏),就要在头部内容中提供有关信息。用title元素来指定网页标题,即在<title></title>之间写上网页标题。

另外,可以在头部文件中使用<META>标记描述不包含在标准HTML里的一些文档信息,如显示字符集、开发工具、作者、网页关键字、网页描述等。这些定义的内容并不在网页页面中显示,但是一些搜索引擎可以检索这些信息,浏览者可以根据这些关键字或描述查找到该网页。

 

二、主体内容

   在标记<body>和</body>中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等元素。

   <body>标记有很多属性来控制文档的颜色和背景等。不同的浏览器有其各自不同的扩展标记,能够更好地控制文档的外观。

×基本语法    < body bgcolor=” ” background=” ” alink=” ” link=” ” text=” ” vlink=” ” topmargin=” ”  leftmargin=” ” >

×语法说明:

(1)bgcolor:用来设置页面的背景颜色;在网页设计中,HTML提供了两种设置颜色的方法,a.直接使用颜色的英文名称;b.十六位进制数。

(2)background:设置背景图像。

(3)alink:规定文档中活动链接的颜色,即鼠标指向链接时链接文字所显示的颜色。

(4)link:规定文档中所有链接的颜色。

(5)text:规定文档中所有文字的颜色。

(6)vlink:规定文档中所有被访问过的链接的颜色。

(7)topmargin:规定文档中上边距的大小。

(8)leftmargin:规定文档中左边距的大小。

 

三、网页的开头

   大多页面的开头,通常使用DOCTYPE标记声明要使用什麽风格的HTML或XHTML。DOCTYPE使浏览器知道应该如何处理文档,并且让验证器知道按照什麽样的标准检查代码的语法。然后,用<HTML>标记标出实际代码的起始位置。

   HTML 4或XHTML 1.0当前都有三种风格:严格型、过渡型和框架型。严格型(X)HTML的特点是页面中禁止使用被W3C已经废弃的标记。而过渡型和框架型则认为废弃标记是有效的。

   如果站点使用了框架,自然选择使用框架型;如果使用了废弃的标记,当然选择过渡型HTML 4;如果希望遵循严格的标准,并且针对未来的系统轻松的更新,那么可以使用XHTML。

 

   下面是过渡型的HTML文档的DOCTYPE声明和HTML标记。

<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"

    "http://www.w3.org/TR/html4/loose.dtd">

<html>

    ……

</html>

 

   如果需要干净的标记,免于表现层的混乱,可以使用此类标签,与层叠样式表(CSS)配合使用。

<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 //EN"

    "http://www.w3.org/TR/html4/strict.dtd">

<html>

    ……

</html>

 

   Frameset DTD应当被用于带有框架的文档。除frameset元素取代了body元素之外,Frameset DTD等同于Transitional DTD。

<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Frameset//EN"

    "http://www.w3.org/TR/html4/frameset.dtd">

<html>

    ……

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值