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:转义字符
<
<
>
>
空格
&
&
©
©版权
™
™商标
®
®注册
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
- Struts标签之HTML标签
- HTML标签之链接标签
- HTML标签之程序标签
- 自学HTML之HTML标签
- html之map标签
- html之select标签
- 2. HTML之标签
- HTML标签之link
- HTML之<strike>标签
- HTML之<!DOCTYPE> 标签
- HTML 之 <br> 标签
- html之img标签
- HTML之link标签
- HTML标签之marquee
- HTML标签之canvas
- html标签之<script>
- html之object标签
- html之input标签
- Android三种播放视频的方式
- 浏览器快捷方式被流氓不定时调戏肿么办
- ACM C++ 计算两点间的距离
- Struts2.0学习笔记---类型转换
- 一个很简单的查看电脑所支持的最大内存的方法
- HTML之标签
- 搜狗2017校园招聘笔试题
- 欧拉回路+欧拉路径(hdu1116)
- java线程
- Android高级_视频播放控件
- 动态规划题讲解
- 【2016-大连赛区网络赛-B】树状数组(Different GCD Subarray Query,hdu 5869)
- Java中enum枚举类型用法总结
- @autowired和@resource的区别