前端-HTML浅谈

一、分帧

frameset

1、定义和用法

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

2、可选的属性

属性	值	描述
cols	pixels % *	定义框架集中列的数目和尺寸
rows	pixels % *	定义框架集中行的数目和尺寸
frameborder	1/0	是否显示边框
name		给当前分帧窗口起名称
src		连接的页面名称
noresize	noresize	页面不会被拖拽

实例

<frameset rows="20%,*,20%" frameborder="1/0">
  <frame src="" name="分帧名1">
  <frameset cols="20%,*" frameborder="1/0">
    <frame src="" name="分帧名1">
    <frame src="" name="分帧名2">
  </frameset>
  <frame src="" name="分帧名3">
</frameset>

注意：

不可以和body在一起 需要将body删掉

二 、TABLE表格

table表格

1、属性：

• width 宽
• height 高
• border 边框
• align位置 center/left/right
• valign规定单元格内容的垂直排列方式。
  • top 对内容进行上对齐。
  • middle 对内容进行居中对齐（默认值）。
  • bottom 对内容进行下对齐。
  • baseline 与基线对齐。
• rowspan合并行
• colspan合并列

2、标签：

caption 表格标题

*tr 行标签

*th 列头标签
*td 列标签

实例：

<table>
<caption>我是表格的标题</caption>
<tr>
 <th>我是表头</th>
 <th>我是表头</th>
 <th>我是表头</th>
</tr>
<tr>
 <td>我是单元格</td>
 <td>我是单元格</td>
 <td>我是单元格</td>
</tr>
</table>

##三、FORM表单

标签： <form></form>

1、 form属性

action	提交的地址
method	提交的方式
	get
		(1) 默认不写 为get传参  url地址栏可见
		(2) 长度受限制 （IE浏览器2k火狐8k）
		(3) 相对不安全
	post
		(1) url地址栏不可见 长度默认不受限制
		(2) 相对安全
enctype 提交的类型
	enctype属性 在表单有文件上传的时候 需要设置值 值为multipart/form-data

2、input 标签

<input> 表单项标签input定义输入字段，用户可在其中输入数据。在 HTML 5 中，type 属性有很多新的值。

具体在下面有详解：

如：

<input type="text" name="username">

3、 select 标签创建下拉列表。

属性：

• *name属性:定义名称,用于存储下拉值的
• disabled 当该属性为 true 时，会禁用该菜单。

内嵌标签：

*<option> 下拉选择项标签,用于嵌入到<select>标签中使用的;

属性：

• *value属性:下拉项的值

• *selected属性:默认下拉指定项.

4、 *textarea 多行的文本输入区域

属性：

• * name :定义名称,用于存储文本区域中的值。

• *cols ：规定文本区内可见的列数。

• *rows ：规定文本区内可见的行数。

5、input 标签

搭配label标签使用

label 可以使标签内的区域指向label标签for属性指代的对象的事件。

实例：

<label for="male">Male</label>
<input type="radio" name="sex" id="male" />

*type属性:表示表单项的类型:

值如下:

• text:单行文本框

• password:密码输入框

• checkbox:多选框 注意要提供value值

• radio:单选框 注意要提供value值

• file:文件上传选择框

• button:普通按钮

• submit:提交按钮

• reset:重置按钮, 还原到开始(第一次打开时)的效果

• hidden:表单隐藏域,是要和表单一块提交的信息,但是不需要用户修改

四、HTML中HEAD头部设置(了解)

设置网页编码：

<meta charset="utf-8"/>

自动刷新：

<meta http-equiv="refresh" content="时间;url=网址" />

关键字：

<meta name="Keywords" content="关键字" />

描述：

<meta name="Description" content="简介、描述" />

站点作者:

<meta name="author" content="root,root@xxxx.com">告诉搜索引擎你的站点的制作的作者；

网页标题：

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

导入CSS文件：

<link type="text/css" rel="stylesheet" href="**.css"/>

CSS代码：

<style type="text/css">嵌入css样式代码</style>

JS文件或代码：

<script >。。。</script>

设置网页小图标:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

注意：

头标签中的内容不会显示在浏览器中