黑马程序员——html的学习

======================================================
注：本文源代码点此下载
======================================================

学习几天时间的html,发现还是蛮有意思的啊!特别是自己用记事本写出来的网页,感觉蛮好玩的,现在发现写代码是很重要的,只看不练是永远体会不到编程的快乐!下面就介绍一下我学习中遇到的主要的问题和重点!

首先,是html的文件结构:

html的文件结构:

–

–

–

–html 文件的正文

–

关于列表:无序列表元素

1)列表在html的文档里有重要的地位,html规定了多种列表元素。列表所起的主要的作用是使特定的文本有序化!

2)无序列表是由和

元素定义的:

sports

food

drink

friends

有序列表元素

有序列表由和

定义:

1)

sports

drink

friends

student

表单的学习:表单是网页上一个特定区域。这个区域是由一对元素定义的!

1)元素:

action属性:用来定义表单处理程序(一个asp、cgi等程序)的位置(相对地址或绝对地址)。

method定义表单结果从浏览器传送到服务器的方法,一般有两种方法:get、post。

2)表单的基本语法:

*=get有数量限制,post无以上限制,以文件形式传输。

3)文本框:

4)按钮:

5)复选框:

6)单选框:

各个选项的name必须一样才能达到预期的效果

7)下拉列表:

基本语法:

说明

说明2

8)列表框的长度

允许多选

关于表格的学习,表格也是很重要的,它可以帮助我们更好的对页面进行布局!

表格(table)标记

1)元素:定义一个表格。每一个表格只有一对和,一张页面可以有多个表格

2)

元素:定义表格的行,一个表格可以有多行,所以

对于一个表格来说不是唯一的。

3)

元素:定义一个表格的单元格。每行可以有不同数量的单元格,在

和之间是单元格的具体内容。注意:上述的三个元素必须、而且只能够配对使用。缺少任何一个元素,都无法定义出一个表格。

4)表格的基本结构:

定义表格

定义表头

定义表行

...定义单元格

5)colspan: 属性值表示当前单元格跨越几列。

rowspan:属性值表示当前单元格跨越几行。

6)valign属性:指定某一个单元格的内容(文本、图片等)的垂直对齐方式。垂直对齐方式的属性值包。top:顶端对齐; middle:居中对齐;bottom:底端对齐;baseline:相对于基线对齐。

7)表格的嵌套;

在

之间插入表格,实现表格嵌套。

表格的作用一般只是控制文本和图像的显示,而不显示表格的边框!

最后要看的是框架,在框架的学习中,我们能全面的把握对html的理解。

网页中的框架:

1)基本语法:

您的浏览器不支持框架,请考虑升级您的浏览器!

2)框架由一对定义

有两个属性:rows和cols

rows定义上下分割的框架的大小;

cols定义左右分割的框架的大小;

在定义大小时,rows和cols可以使用相对大小或以百分比为单位。

3)各窗口的尺寸的设置

横排多个窗口

排列方式:a

b

c

4)纵向排列多个窗口

排列方式:abc

5)的属性

scrolling:是否显示滚动条。yse,no,auto

noresize:框架在浏览器里不可以被调整大小。

6)会移动的文字

基本语法:...

文字移动属性:方向,direction=#

#=left,right,up,down

方式:behavior=#

#=scroll(循环),slide(只走一次),alternate(来回走)

循环:loop=#

#=次数;如未指定则循环不止!

7)用嵌入多媒体对象

基本语法

#=url

注:使用标记之前,需要安装插件才可以;对于不同的plugin,其embed属性也不同!

8)嵌入背景音乐:

#=wav 文件的url

#=循环数

最后感谢传智播客的张晓军老师,她为我推荐了这个硅谷动力网络学院的html的幻灯片,还有传智播客的视频,我觉得自己离着黑马又近了一步!!!

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/