HTML框架

来源：互联网发布：centos 7 ftp服务器编辑：程序博客网时间：2024/06/16 11:13

<html> </html> 标志着html文件的开始与结束

<head> </head> 头部标志符

<title> </title> 网页的标题

<boby> </boby>构成web的主体

1. background 定义网页的背景图案

2. bgcolor 背景色（默认白）

3. text 文字颜色（默认黑）

4. link 超链接颜色（默认蓝）

5. alink 当前被选中的超链接颜色（默认红）

6. vlink 已被访问过的超链接颜色（默认紫）

<font> </font> 标志符可以控制字符的样式

1. face 设置文字的字体效果

2. color 设置文字颜色

3. size 设置字体大小

<b></b> 粗体 <strike></strike> 删除线

<big></big> 大字体 <sub></sub> 下标

<i></i> 斜体 <sup></sup> 上标

<s></s> 删除线 <u></u> 下划线

<small></small> 小字体

<hn></hn> 设置文件中的标题 nj 1~6的数字

<p></p> (paragraph)划分段落

<pre></pre> 预格式化标志符

<hr> 换行并绘制一条水平线（没有结束标志符）

1. width 水平线长度

2. size 水平线粗细

3. noshade 无阴影

4. align 水平线的对齐方式（left center right)

5. color 水平线颜色

<br> 强制换行(没有结束标志符)

<ol>

.......

</ol> 设置有序列表 li可是1.2.3....或a.b.c....或A.B.C...或i.ii.iii.....或I.II.III....

(两个属性:type start)

<ul>

......

</ul> 无序列表 (一个属性:type disc实心圆 circle空心圆square方框)

<a></a> 实现超链接

1. href 定义超链接所指向的文档的URL

2. target 目标窗口

3. name 锚名称（该属性一般在创建页面内超链接时使用)

<a href="/URL"> </a> 使用a标志符创建超链接时，可以使用相对路径（同一网站内的文件），也可以使用绝对路径（指向本站点以外的文件)

.....

<a href="#锚点名称"> </a> 创建网面内超链接逻辑上分为两步，首先定义锚点，然后再创建指向锚点的超链接

<a href="mailto:电子邮箱地址"> </a> 指向电子邮箱的超链接

<img> 插入图像

1. src 设置被引用的图像文件所在的位置

2. alt 设置图像的简单文字说明

3. width, height 设置图像的宽度与高度

4. align 对齐方式(left,right,top,bottom,middle)

5. border 边框宽度

6.hspace ,vspace 定义了图像与周围元素的水平和垂直间距

<map >

<area>

......

</map>

<img src="/"usemap="#图像映射名称"> <map></map> 定义了图像映射的区域

img通过usemap可以确定与所建立的图像映射区域的关系

area定义图像不同区域与不同文档之间建立链接

1. shape 形状(rect矩形circle圆 poly多边形)

2. coords 坐标

3. target 目标窗口

4. alt 替换文字

<table>

<tr>

<th> </th><th> </th>......

</tr>

<tr>

<td> </td><td> </td>......

</tr>

<tr>

</tr>

......

</table> table标记符定义表格 caption定义表格标题 tr标记符定义表格的行 th,td标志符定义表格的单元格 th定义表头单元格

table 可以创建一个新的表格

1. width (宽), height (高)

2. border (边框)

3. bgcolor (背景颜色)

4. align (对齐方式left right center)

5. cellpadding (填充距)

6. cellspacing (单元格间距)

7. rules (分隔线 none无分隔线 groups在行列之间有 rows只有行分隔线 cols只有列 all所有)

8. frame (边框 void无边框 above只显示顶部边框 below只显示底部边框 hsides只显示顶，底部边框 vsides只显示左右边框 lhs显示左边框 rhs显示右 box显示所有)

<tr> </tr>表行

1. align 对齐方式(left center right)

2. valign 垂直对齐方式 (top middle bottom baseline)

3. bgcolor 背景颜色

<td></td> 表格数据

1. width (宽), height (高)

2. align (对齐方式 left right center)

3. valign (top middle bottom)

4. bgcolor 背景颜色

5. rowspan 单元表的行数

6. colspan 单元表的列数

<frame>

......

<frame>

</frameset> frameset是将窗口分割成若干个子窗口，子窗口数取决于frame的个数

<frame> 标记符来标识子窗口(无结果符)

1. name

2. src (源) 设置框架内容的URL

3. frameborder (框架边框)

4. marginwidth (框架的左右边距)

5. marginheight (框架的上下边距)

6. scrolling (是否显示滚动条 auto自动 yes显示 no不显示)

7. noresize (不允许调整框架的尺寸)

<a herf="目标文件"target="目标框架名">超链接内容</a>

1. _top 表示将超链接的目标文件装入整个浏览器窗口

2. _self 表示将超链接的目标文件装入当前框架，以取代该框架中正在显示的文件

3. _blank 表示将超链接的目标文件装入一个新的浏览窗口

4. _parent 表示将超链接的目标文件装入当前框架的父框架

<iframe></iframe> 定义了一个页面内的框架

1. src (源) 设置框架内容的URL

2. name

3. width,height

4. align (top middle bottom)

5. frameborder (框架边框)

6. marginwidth (框架左右边框), marginheight (框架上下边框)

7. scrolling (是否显示滚动条 auto yes no)

<form></form> 表单

1. method (方法) 定义表单的提交方式

2. action (动作) 指定表单所对应的处理程序

<input> 定义了一个用于用户输入的表单元素(无结束标记符)

1. name 标识表单元素

2. type 指定表单元素的类型(text文本 password密码 checkbox复选框 radio单选框 submit提交按钮 reset重置按钮)

<input type="text"> 将type指定为text,在浏览器中显示一个文本输入框，供用户输入信息

1. value (初始值)

2. size (尺寸)

3. maxlength (输入文本的最大字符数)

<input type="password"> 密码文本框

阅读全文

0 0