html学习心得

经过1天多的艰苦奋战，终于把html（Hypertext markup language）的基础教程给看完了。

这次为了xml而看了这“古老”的技术，还是有点收获的。。总体来说，虽然不是很熟练，但是看懂一般的html网页源文件已经不是问题了。闲来无事，就写写笔记吧，说说感受也好！

html给我的感觉是很标准，很有格式的。最主要的代码特点就是标记成对的出现，虽然有些可以省略，但是建议除非太过烦琐还是把前后都加上去吧！作为一个完整的html网页，总是有头部，主体和结尾3大部分，分别用head/head，body/body和/html表示。另外，一个重要特性就是可以自定义风格（CSS），这是非常方便的，类似于编程语言的类的功能吧！同时，还可以嵌入其他script来增强其交互功能。而对于相当重要的标记，也只是由头部标识和属性所组成。（标识 属性1 属性2 属性3...）看来，学习html是学习其他网页脚本语言的基础吧，同时对于学习可视化网页设计也是有帮助的（这么说应该不过分吧！）！，下面就让我们一起来详细分析各个部分的构成元素。

其实大多数html网页的标记不多，就只有10几个吧！（看到这里，好！）这里主要介绍一下常见的控制文件的外观和布局的标记！

h:从h1到h6所标识的字体依次减小，一般来说，h1用来标记文件标题h2用来标记一章的标题h3用来标记章节的标题，h6则是来作为小字印刷，如版权信息等等。

p和br:基本类似于回车键的功能，而p可以插入空格，同时也可以附带属性，如p 效果p（缺省情况是左对齐，左对齐很多排列方式的缺省情况）

div:虽然类似于p，也可以使用align属性，但是在使用风格表格时功能强大。（风格表格见后）

hr:可以产生一条水平线，对于组织格式是很有帮助的。

在这里应该说一说逻辑标记和物理标记的差别：物理标记表明信息的外观，而逻辑标记表明信息的语义。从适用范围来说，使用逻辑标记更值得推荐，因为逻辑标记表示的是本质特性，不随浏览器的变化而变化！

逻辑标记：citedfnstrongcodeinsdel（注：大家可以自己测试一下，看看有什么效果，其中ins和del是很有用的标记，特别是在多人合作开发的时候，看字面应该知道这两个是干嘛的吧！）

物理标记：itttbigsmallsubsupstrike（注：大家测试吧，动手最重要）

是超文本（Hypertext）格式的重要实现方式，而使用的就是锚（Anchor）（，所以缩写也就是a），

一个典型的锚标记的定义：a href="目标页面"激活热区/a（注：href：hypertext reference，就是到哪里），现在分情况介绍：

1）外部

1。1非本地文件：a href="http://www.zsu.edu.cn"中山大学/a（这个很明显，不用解释了）

1。2其他形式的非本地资源：a href="ftp://ftp.zsu.edu.cn"中山大学/a（ftp资源）

a href="mailto:[e-mail]"我的email/a（email信息）

1。2本地文件：a href="另一个网页.html"另一网页？/a（同一文件夹的，当然也可以给出完整路径咯）

a href="../另一个网页.html"另一网页？/a（上一级别文件夹的）

（注：../表示上一级文件夹，同样../../就表示上上一级）

2）内部

什么是内部，就是在同一个网页里边的！这样做是为了避免网页太大而造成的浏览麻烦！

步骤：首先要定义一个引用目标锚，然后在另一处定义被锚引用的目标！看例子吧

a herf="#top"top/a（其中top定义了该锚）

a name="top"top/a（这里就引用了该锚）

使用图像：img

1）对齐方式：缺省是左对齐，可以使用div align=..进行更改。

2）高度和宽度：img

3）四周区域和边框：img

1）无序列表：无序，就是没有特别的序号，也就是平等哦。。下面看个例子吧。

ulli内容1li内容2li内容3/ul（注：对于ul，可以添加属性type，属性值有disc，square，circle，这样就可以改变序号了）

2）有序列表：这个当然就是前面有序号咯。

olli内容1li内容2li内容3/ol（注：对于ol，同样可以添加type属性，属性值可以是1，a，A，i，I，呵呵，自己测试一下。）另外，对于ol，可以从喜欢的序号开始排序，用的属性就是ol的start和li的value了，很明白吧：）

3）列表嵌套：嵌套，类似于树状菜单的东西。可以使用ulul/ul/ul类似的格式进行使用。

4）定义列表：主要有dl，dt，dd，分别代表定义标识，头部和内容，使用方法：

dldt头部dd定义的内容/dl（注：dt和dd不需要结束标记）

1）定义一个form：定义一个form标记，用于确定发送消息的类型和处理方式，其中必须的属性就是action了。form action="http://zsu.edu.cn/..." method="post"（注：method用于说明传送数据的方式，还有get方式，不过现在常用post）。类似的有，form action="mailto:[e-mail]" method="post"

2)大部分的form都是在input中处理的。如下面所示：

请输入名字input type="text" name="username"p