html基础与框架

[size=large]
一、基础部分
1.文档结构：html部分【html】，文档头部分【head】，正文部分【body】
2.超链接：
远程：<a>http://www.baidu.com</a>
本地:
同文件夹下:<a href="2.html" >test</a>
不同文件夹下:<a href="c:/2.html" >test</a>
上级文件夹：<a href="../2.html" >百度</a>
下级文件夹：<a href="my/2.html" >百度</a>

====================target属性=========================

target属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_parent、_self、_top，这些参数值代表的含义如下：

◎_blank，在新浏览器窗口中打开链接文件。

◎_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。

◎_self，在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。
但是我不太理解
◎_top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架 。

==============框架，窗体，父框架=======================
框架，就是一个浏览页面非为几个部分，就相当于几个浏览器同时显示一样，各个部分各不相干。
窗体，就是浏览器的窗口，这个应该很好理解吧
父框架：就是比你所点击的超链接所在的框架的级别高，如果target的值为_parent，那么如果只有一个框架，那么就是相当于在整个浏览器界面打开一个新网页，如果框架嵌套的，那么就在级别比较高的框架中打开

3.表格元素

表格的基本语法【带边框，不带边框】
跨多行、多列的表元：colspan，rowspan
表格尺寸设置：
边框尺寸设置： <table border=#>
表格尺寸设置： <table border width=# height=#>
表元间隙设置：<table border cellspacing=#>
表元内部空白设置：<table border cellpadding=#>
表格内文字的对齐/布局：<td align=#>
表格在页面中的对齐/布局(Floating Table)：<table align=left>
表格的色彩：<table bgcolor="#660033">
表格边框的色彩:<table bordercolor=#>


4.HTML表单标记

表单的基本语法
<form action="url" method=*>
...
...
<input type=submit> <input type=reset>
</form>
*=GET, POST


表单中提供给用户的输入形式
<input type=* name=**>
*=text, password, checkbox, radio, image, hidden, submit, reset

**=Symbolic Name for CGI script

文字输入和密码输入:
<input type=* value=**> size,maxlength
复选框(Checkbox) 和 单选框(RadioButton) :
<input type=checkbox checked>
<input type=radio value=** checked>

隐藏表单的元素:
<input type=hidden value=*>
列表框(Selectable Menu) :
<select name=* size=**>
<option value=My_Favorite selected>Orange</select>
</select>

<select size=** multiple>注意，是用 Ctrl 键配合鼠标实现多选。

文本区域:
<textarea name=* rows=** cols=**> ... <textarea>
wrap:
off：不自动换行；
hard：自动硬回车换行，换行标记一同被传送到服务器中去；
soft：自动软回车换行，换行标记不会传送到服务器中去

5.HTML其它标记
链入图象的基本语法
<img src=#> #=图象的 URL
<img alt=#> #=在浏览器尚未完全读入图象时，在图象位置显示的文字

==================div和span=============

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

========================================
一个div是占一个块的，它的默认display属性是block，表示一个块。如：
<div>aaa</div>bbb
显示出来，是两行
而span，它的display默认属性是inline，可以连在一起的。如：
<span>aaa</span>bbb，显示出来是一行。

div一般用于排版，而span一般用于局部文字的样式。

div是块标记，span是行内标记。span的效果就是什么也不做。但可以给span加样式来使得同一行里面的内容有不同的显示如字体，颜色，大小，背景。


======动态效果=================
<marquee> 跑马灯 </marquee>
<direction=#> #=left, right
对齐方式(Align) <align=#> #=top, middle, bottom

二、框架
1.多窗口页面(Frames)

基本语法
<frameset> ... </frameset>
<frame src="url">
<noframes> ... </noframes>

各窗口的尺寸设置:
纵向排列多个窗口:<frameset cols=#>
横向排列多个窗口:<frameset rows=#>
纵横排列多个窗口：COLS & ROWS
不允许各窗口改变大小：<frame noresize>

各窗口间相互操作(Frame Target)
<frame name=#>
<a href=url target=#>
<a href=url target=_blank> 新窗口
<a href=url target=_self> 本窗口
<a href=url target=_parent> 父窗口
<a href=url target=_top> 整个浏览器窗口

Frame 的外观(Appearance)
窗口边框的设置 <frame frameborder=#> #=yes, no / 1, 0
各窗口间空白区域的设置 <frameset framespacing=#> #=空白区域的大小
边框色彩 <frameset bordercolor=#>
卷滚条设置 <frame scrolling=#> #=yes, no, auto#=缺省值是 auto。


浮动窗口(Floating Frame)

<iframe src=# name=##> ... </iframe>


[/size]