HTML之标签

来源:互联网 发布:linux i2c驱动 编辑:程序博客网 时间:2024/05/16 07:37

所有的标签都有五个通用的属性:

Id:文档标签的唯一id

Class:指定元素所属的类型

Name:指定标签的名字

Title:指定标签弹出的提示语

Style:指定标签的css样式

标签名

说明

常用属性

区块

内联

<html></html>

声明一篇文档 的开始与结束

Xmlns:名空间

 

 

<head></head>

头部

 

 

 

<body></body>

主体部分

 

 

 

<title></title>

标题

 

 

 

<meta/>

定义网页的原数据

 

 

 

<b></b>

 

加粗(描述样式)

不推荐使用了

 

inline

<br/>

换行

 

 

 

<i><i/>

侵斜

 

 

inline

<hr/>

横线

Width,color,align

block

 

<img src=””>

通知服务器此刻应该向服务器生成图片

Src

Width

Height

Alert若图片无法显示时,替代的文字

 

 

 

<strong></strong>

文本加粗(描述语义)

代替<b>

 

inline

<em></em>

倾斜

代替<i>

 

inline

<u></u>

下划线

 

 

inline

<s></s>

删除线

 

 

inline

<sub></sub>

下标

 

 

Inline

<sup></sup>

上标

 

 

inline

<h1>……<h6>                      

标题

 

block

 

<p></p>

段落标签

 

block

 

<span></span>

行内分区,与css嵌入混用

 

 

inline

<div></div>

页面分层,与页面布局,元素分组

 

Block

 

<pre></pre>

使用我们原文本呈现的内容

 

Block

 

<base>

用于指定当前页面相对地址资源的url

 

 

 

<a>

使用超连接

Href 跳转地址的url

 

Target:指定在你的哪个页面中打开

Self/blank

 

 

<table>

表格

 

Block

 

<tr>

 

Block

 

<td>

Align:left/center/right

Valign:top/middle/bottom

Rowspan:跨越的行数

Colspan:跨越的列数

Block

 

<ul>

无序列表

 

Block

 

<ol>

有序列表

 

Block

 

<dl>

定义列表

 

Block

 

<form>

表单元素

Action

Method

Enctype:

text/plain//表单数据不作任何编码,直接上传

multipart/form-data// 对数据进行编码后再上传,换句话说这种方式可以提交文件数据

application/x-www-from-urlencoded//数据编码后在上传,只能对字符进行编码,换句话说这种方式只能提交文本数据

Block

 

<input>

单行文本输入框

Type,value.name,id,read-only,disable,maxlenth

Type:text,password,radio…

 

Inline

<lable>

文字标签的用法

 

 

inline

<textarea>

文本域

Row,

column

 

inline

<select>

下拉列表框

name:名字

size:大小容量

multiple:只要出现就可以表示多选

block

 

Optgroup

选项组

 

 

 

option

 

Value

Selected只要出现,就表示选定

 

 

<fieldset/>

输入域分组

<legend>基本信息</legend>

 

 

<button>

按钮

 

 

 

<iframe></iframe>

在当前页面中嵌入另一个页面

Src=”带钳入的页面的url”

 

inline

      

 

Hmtl:元素类型:

1区块元素:必须得自己独立占一行

2:内联元素:可以与其他元素共站一行

Html文件的基本结构:

1.   文档类型的声明,如果不声明文档类型,会影响css与javascript

<html>

<head>

<title>html的基本文档结构</title>

</head>

<body>

 

</body>

</html>

 

Html:转义字符

&lt;

&gt;

空格

&nbsp;

&

&amp;

©

&copy;版权

&trade;商标

®

&reg;注册

 

Html注释:

<!—注释内容 -->

 

Html:页面布局

Table:表格嵌套可能导致页面很复杂

DIV+CSS:当前主流的页面布局

Html5布局标签:未来的趋势

 

Table的最完整的形式:

<table>

<thead>

<tr>

       <th>部门</th>

       <th>编号</th>

<th>姓名</th> 

</tr>

</thead>

<tbody>

  <tr>

     <td>软通动力</td>

<td>20121120141</td>

<td>肖正文</td>

</tr>

</tbody>

<tfoot>

<trcolspan=”3”></tr>

</tfoot>

</table>

 

表单实现文件上传的三个条件:

1 <input typt=”file”>文件上传域

2 post表单上传的方式是method=”post”

3 编码类型:multipart/form-data


0 0
原创粉丝点击