当前位置:文档之家› html语言学习笔记

html语言学习笔记

html语言学习笔记
html语言学习笔记

html语言学习笔记

目录

html语言 (1)

结构 (3)

版面 (4)

排列 (5)

链接 (6)

字体(1) (6)

字体(2) (7)

字体(3) (7)

字体(4) (8)

字体(5) (8)

图象 (9)

表格 (10)

颜色表(1) (11)

颜色表(2) (11)

颜色表(3) (11)

HTML语言笔记 (12)

html语言

HTML一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。

HTML只是标示语言,基本上你只要明白了各种标记的用法便算学懂了html,html 的格式非常简单,只是由文字及标记组合而成,于编辑方面,任何文字编辑器都可以,只要能将文件另存成 ascii 纯文字格式即可,当然以专业的网页编辑软件为佳。[1]

相关历史

* 超文本置标语言(第一版) -- 在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准)

* HTML 2.0 -- 1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

* HTML 3.2 -- 1996年1月14日,W3C推荐标准

* HTML 4.0 -- 1997年12月18日,W3C推荐标准

* HTML 4.01(微小改进) -- 1999年12月24日,W3C推荐标准

* ISO/IEC 15445:2000( "ISO HTML")--2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准

* XHTML 1.0 -- 发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布

* XHTML 1.1 -- 于2001年5月31日发布

* XHTML 2.0 -- W3C工作草案

HTML 没有1.0版本是因为当时有很多不同的版本.有些人认为蒂姆·伯纳斯-李的版本应该算初版,这个版本没有IMG元素.当时被称为HTML+的后续版的开发工作于1993年开始,最初是被设计成为 "HTML的一个超集".第一个正式规范在为了和当时的各种HTML标准区分开来,使用了2.0作为其版本号. HTML+的发展继续下去,但是它从未成为标准.

HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性, 例如表格,文字绕排和复杂数学元素的显示.虽然它是被设计用来兼容2.0

版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时, 标准开发也因为缺乏浏览器支持而中止了.3.1版从未被正式提出,而下一个被

提出的版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性.HTML对数学公式的支持最后成为另外一个标准MathML.

HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始"清理"这个标准,把一些元素和属性标记为过时的,建议不再使用它们。HTML的未来和CSS结合会更好。

主要特点

设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML 命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。

也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。

基本结构

一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML 用标签来规定元素的属性和它在文件中的位置,

HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

下面是一个最基本的html文档的代码:1-1.html

---------------------------------------- 开始标签

--------------------------------------

一个简单的HTML示例 | 头部标签

--------------------------------------

----------------------------------------

|

欢迎光临我的主页

|


|


| 文件主体

|

这是我第一次做主页 |

|

|

---------------------------------------

--------------------------------------- 结尾标签

在文档的最外层,文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有 标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。

是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。若不需头部信息则可省略此标记,良好的习惯是不省略。

是嵌套在头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。

标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。

上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。

图 象

指 定 图 象 文 件

属性:

ALIGN=LEFT | RIGHT | TOP | MIDDLE | BOTTOM 图 象 与 物 件 的 相 对 排 列 位 置

ALT="..." 图 象 未 显 示 时 的 替 代 文 字 WIDTH="..." 图 象 宽 度

HEIGHT="..." 图 象 高 度

BORDER="..." 图 象 边 框 大 小

VSPACE="..." 图 象 与 上 下 物 件 的 距 离 HSPACE="..." 图 象 与 左 右 物 件 的 距 离 举 例 :

ALIGN=TOP

ALIGN=MIDDLE

ALIGN=BOTTOM 屏 幕 显

示 :

ALIGN=TOP

ALIGN=MIDDLE

ALIGN=BOTTOM

表格

...
表格

属性:

ALIGN=LEFT | CENTER | RIGHT 设定表格显示位置

WIDTH="..." 表格宽度

BORDER="..." 表格边框大小

CELLSPACING="..." 表格内单元之间的距离

CELLPADDING="..." 表格内单元边缘与物件的距离BACKGROUND="..." 表格背景图象文件

BGCOLOR="..." 表格背景颜色

BORDERCOLOR="..." 表格边框颜色

... 标题

属性:

ALIGN=TOP | BOTTOM 设定标题显示位置

... 表格内一列的内容

属性:

ALIGN=LEFT | CENTER | RIGHT 物件的水平方向排列VALIGN=TOP | MIDDLE | BOTTOM 物件的垂直方向排列BACKGROUND="..." 背景图象文件

BGCOLOR="..." 背景颜色

... 表头单元

属性:

ALIGN=LEFT | CENTER | RIGHT 单元内物件的水平方向排列VALIGN=TOP | MIDDLE | BOTTOM 单元内物件垂直方向排列ROWSPAN="..." 单元所占的列数

COLSPAN="..." 单元所占的栏数

WIDTH="..." 单元宽度

BACKGROUND="..." 单元背景图象文件

BGCOLOR="..." 单元背景颜色

... 数据单元

属性:

ALIGN=LEFT | CENTER | RIGHT 单元内物件的水平方向排列VALIGN=TOP | MIDDLE | BOTTOM 单元内物件的垂直方向排列ROWSPAN="..." 单元所占的列数

COLSPAN="..." 单元所占的栏数

WIDTH="..." 单元宽度

BACKGROUND="..." 单元背景图象文件

BGCOLOR="..." 单元背景颜色

HTML语言笔记

硬回车(空格)——

排列一行,居中——

宽度——width="759"

高度——height="94"

边界——border="0"

回车,空格——

 

横线——


鼠标经过变色可复制粘贴到其他位置

style="BACKGROUND-COLOR: #009900" onfocus="this.select()"

size="52" value='武汉捷讯信息技术有限公司' name="1" />

去掉下划线代码

在任何一个页面,只要加上这一条代码即可去掉下划线注意:加在之前

10秒后自动链接到别的网页如:日历网

〈title〉...〈/title〉之后加入下面这一行即可:

可改数据:content="10(时间); url=https://www.doczj.com/doc/342165725.html,/(网址)"

IP地址查询源代码

IP地址:

关闭窗口


关闭窗口

全屏打开窗口

name="button">

关闭窗口程序2005-4-23


自动关闭

在网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭!

这与跳出式小窗口配合使用是再好不过啦!

代码中“i=20”表示关闭的延迟时间为20秒,可任意修改。

不允许复制程序

最后更新时间

插入音乐代码,放在页面名称下:

循环播放

loop="-1"

横式滚动条代码

滚动条代码文字

向上滚动条代码

欢迎你!

进入我的网站——日历探秘!

亲爱的网友,

只要移动鼠标轻轻点击,

相信你会得到一些启示与收益!

网页内容居中显示

放在中间

居中显示

去掉单条下划线代码

class="tab1"

去掉链接下划线代码

插入视频

嵌套页面《三国演义》代码

——插入源程序