html学习心得[本文共4267字]-森屿文档网

4.3<tr><th><td>标签下的常用属性

属性名称属性值说明widthheight

align(水平方向)rightleftcenter

valign(垂直方向)top数据靠上middle数据居中buttombgcolor

4.4拆分与合并单元格 <td>里面的属性

属性名称属性值colspan数字rowspan数字先删掉不要的空格再合并需要的空格 4.5表格的标题<table>

属性有：

属性名称属性值aligntopbuttom 5.1背景图片设置

5.2将图片插入网页中

格式:<img src="url">

功能：将图片插入网页中单一标签

属性名称属性值srcurlwidth像素/百分比height像素/百分比alt字符串border数字5.3文字图像的排列

属性名称属性值alignleftrighttopmiddlebuttom间隙设置

数据靠下说明

向两边扩展向上下扩展说明

图片的路径

图片的宽度(绝对和相对) 图片的高度(绝对和相对)给图片做注解图片边框说明

图像靠左文字靠右图像靠右文字靠左文字靠上文字居中文字靠下

vspace像素垂直上下两端与物件的距离hspace像素水平左右两端与物件的距离

5.4 图片超链接

注意边框问题

5.5地图索引

格式：<img src="url" usemap="#图像名称">

说明：

<map>声明整张图使用地图连接方式进行连接

<area>表示需要连接的某个区块

<shape>表示我们所选择的形状如：rect矩形 circle圆形poly 多边形coords 表示地图的坐标位置

举例：

2.file连接本地的文件

声明<a href=file:///e/images/pic.jpg>图片</a>

3.ftp

声明<a href="ftp://192.168.4.21/">进入</a>

4.mailto<a href=mailto:bnbbs@163.com>e-mail</a>

6.3 相对链接和绝对链接

1.若是6.html和index.html文件在同一目录下

使用 index.html(index.html为连接文件)

<a href="index.html">index.html</a>

2.若index.html文件在6.html文件目录下的文件夹page里面

则使用 page/index.html

<a href="page/index.html">index.html</a>

3.如果index.html在 page文件下page2中

page/page2/index.html

2、3为往后查找文件路径

4.若6.html文件在page文件夹中则查找index.html

需要向上翻一层查找

../index.html

<a href="../index.html">index.html</a>

5.若是6.html文件在page文件夹里面的page2文件夹里面

则查找连接index.html 使用

../../index.html

4、5为往前查找

5.若6.html在page文件夹中而index.html在images文件夹中

则6.html要查找连接index.html文件需要

先出page文件夹再进images文件夹

../images/index.html

<a href="../images/index.html">index.html</a>

6.4 书签链接

先在需要跳转的文本地方创建书签点

再进行连接

<a>下的属性

属性名称属性值

name字符串

格式：

锚点:<a name="音乐">..</a>

连接点<a href="#音乐">..</a>

连接到别的网页的书签项目

基本格式：

锚点：<a name="音乐">...</a>

连接点：<a href="index.html#音乐">...</a>

先连接到需要连接的网页再连接到书签

< ……此处隐藏5506个字……gt;

type="file":上传域

type="submit":提交按钮

value:默认内容

type="reset":重置按钮

value:默认内容

type="button":普通按钮

value:默认内容

type="hiddle":隐藏内容

type="image":图片提交按钮

src:图片路径

width:图片宽度

height:图片高度

border:图片边框

<option selected="selected"></option>:下拉框内容

</select>:下拉框

selected="selected":默认当前选中

<textarea cols="" rows=""></textarea>:文本域

cols:文本域宽度

rows:文本域高度

</form>:表单标记

action:跳转路径

method="get/post":提交方式

get:所填内容显示在地址栏，所填内容有限制（默认方式）

post:所填内容不显示在地址栏，内容以一种加密方式，所填内容无限制

<caption align="left/center/right/top/bottom"></caption>:表格标题align="left/center/right/top/bottom":标题居左/居中/居右/居上/居下<tbody>

<td colspan/rowspan="" align="left/center/right" valign="top/middle/bottom" bgcolor/background=""

height="" width="">

</td>:格

colspan/rowspan:行合并/列合并

align="left/center/right":内容水平方向居左/居中/居右

valign="top/middle/bottom":内容垂直方向居上/居中/居下

bgcolor/background:格背景颜色/背景图片

height:格高度

width:格宽度

</tr>:行

align="left/center/right":行内容水平方向居左/居中/居右

valign="top/middle/bottom":行内容垂直方向居上/居中/居下

bgcolor/background:行背景颜色/背景图片

height:行高

</tbody>:表格块

</table>:表格

align="left/center/right":表格居左/居中/居右

width:表格宽度

height:表格高度

border:边框粗细

cellpadding:表格内容据边框距离

cellspacing:表格内外边框距离

bordercolor:边框颜色

bgcolor/background:表格背景颜色/背景图片

src:引入路径

noresize="noresize":骨架固定

name:命名

</frameset>:网页分割

rows/cols:网页上下/左右分割

frameborder:骨架显示/隐藏

border:骨架粗细

width:宽度

height:高度

frameborder:浮动框架边框

src:引入路径

name:命名

target="x":控制网页显示区域

href:跳转路径

欢迎阅读其他精彩文章：

html abbr 标签

html倒计时代码

一个简单的html实例

html网页毕业论文

个人简历html语言编写