html
2016-04-03 00:34
483 查看
1. 图片:<img src="" alt="下载失败时的文本" title="鼠标划过时的提示">;<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a> ( target表示在浏览器新窗口打开链接)
2. <h1></h1>由大到小可到h6;
3. <em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong> 表示强调;
4. <q></q>表示引用别人的一句话,<blockquote></blockquote>表示引用一大段话;
5. 空标签有<br/> <hr/> <img/>;
6. 空格 ;
7. <address>联系地址信息</address>;
<code>一行代码</code>,<pre>多行代码</pre>,pre不只是用来显示代码,可用来保留格式;
8. ul无序,ol有序;
9. <tbody>表格一次性下载完再显示</tbody>;
10.摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法:<table summary="表格简介文本">;
11.表单:
语法:
<form>
<input type="text/password" name="名称" value="文本" />
</form>;
a、type:
当type="text"时,输入框为文本输入框;
当type="password"时, 输入框为密码输入框;
b、name:为文本框命名,以备后台程序ASP 、PHP使用;
c、value:为文本输入框设置默认值。(一般起到提示作用);
d、文本域<textarea rows="" cols="">提示语</textarea>;
e、单选框和复选框:
语法:
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
(1、type:
当 type="radio" 时,控件为单选框
当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中
5、下拉选择框:(下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击)
<select>
<option value="看书">看书</option>
<option value="旅游" selected="selected">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
* 表单标签(**********)
* 收集用户输入的数据
* 表单的标签
<form action="表单的提交路径" method="提交方式(默认是get方式,还有post)">
* form的属性
* action="表单的提交路径"
* http://www.baidu.com * html页面
* method="提交方式(默认是get方式)"(面试题)
* form表单的提交方式有哪些?(get和post的区别)
* 答:form表单提交方式有很多,常用的有两种post和get
* post和get提交方式的区别:
* get方式会把参数列表显示在地址栏上,post方式不会(请求体)。
* get方式说明网站安全级别较低,post安全级别较高。
* get方式不支持大数据,post支持大数据。
* 推荐大家使用post方式。
* 用户输入的内容
<input type="类型" name="名称(必须要指定)" value="是否指定value属性" />
* name属性必须要指定,value可以看情况指定
* type="text"
普通的文本框
* name必须指定
* type="password"
密码框
* * name必须指定
* type="radio"
单选按钮
* name必须指定
value必须指定
* name的属性,值要相同
* 默认值:checked=checked或者true
* type="checkbox"
多选按钮
* name必须指定
value必须指定
* name值不同
* 默认值:checked=checked或者true
* type="reset"
重置:恢复到最初的状态
* type="submit"
提交表单
* 点击提交后,地址栏发生了变化(?sex=on)
* 在普通的文本框上添加name属性 name="username"之后,点击提交,地址栏发生了变化(?username=haha&sex=on)
String str = "?username=haha&sex=on";
* ?username=zhangsan&password=123&sex=nan&love=zq
* type="file"
选择文件
* name属性指定
* type="hidden"
隐藏组件
* name指定 value指定
* type="button"
按钮
* value="显示的文字"
* 和js(javascript)
绑定事件
* type="image"
图片
* 提交 引入外部的一个文件(图片)
* 声明选择框
<select name="city">
<option value="bj"></option>
<option value="sh"></option>
</select>
* <textarea>文本域
* rows="行"
* clos="列"
* name属性指定
* selected="selected"
代表默认值
</form>)
2. <h1></h1>由大到小可到h6;
3. <em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong> 表示强调;
4. <q></q>表示引用别人的一句话,<blockquote></blockquote>表示引用一大段话;
5. 空标签有<br/> <hr/> <img/>;
6. 空格 ;
7. <address>联系地址信息</address>;
<code>一行代码</code>,<pre>多行代码</pre>,pre不只是用来显示代码,可用来保留格式;
8. ul无序,ol有序;
9. <tbody>表格一次性下载完再显示</tbody>;
10.摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法:<table summary="表格简介文本">;
11.表单:
语法:
<form>
<input type="text/password" name="名称" value="文本" />
</form>;
a、type:
当type="text"时,输入框为文本输入框;
当type="password"时, 输入框为密码输入框;
b、name:为文本框命名,以备后台程序ASP 、PHP使用;
c、value:为文本输入框设置默认值。(一般起到提示作用);
d、文本域<textarea rows="" cols="">提示语</textarea>;
e、单选框和复选框:
语法:
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
(1、type:
当 type="radio" 时,控件为单选框
当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中
5、下拉选择框:(下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击)
<select>
<option value="看书">看书</option>
<option value="旅游" selected="selected">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
* 表单标签(**********)
* 收集用户输入的数据
* 表单的标签
<form action="表单的提交路径" method="提交方式(默认是get方式,还有post)">
* form的属性
* action="表单的提交路径"
* http://www.baidu.com * html页面
* method="提交方式(默认是get方式)"(面试题)
* form表单的提交方式有哪些?(get和post的区别)
* 答:form表单提交方式有很多,常用的有两种post和get
* post和get提交方式的区别:
* get方式会把参数列表显示在地址栏上,post方式不会(请求体)。
* get方式说明网站安全级别较低,post安全级别较高。
* get方式不支持大数据,post支持大数据。
* 推荐大家使用post方式。
* 用户输入的内容
<input type="类型" name="名称(必须要指定)" value="是否指定value属性" />
* name属性必须要指定,value可以看情况指定
* type="text"
普通的文本框
* name必须指定
* type="password"
密码框
* * name必须指定
* type="radio"
单选按钮
* name必须指定
value必须指定
* name的属性,值要相同
* 默认值:checked=checked或者true
* type="checkbox"
多选按钮
* name必须指定
value必须指定
* name值不同
* 默认值:checked=checked或者true
* type="reset"
重置:恢复到最初的状态
* type="submit"
提交表单
* 点击提交后,地址栏发生了变化(?sex=on)
* 在普通的文本框上添加name属性 name="username"之后,点击提交,地址栏发生了变化(?username=haha&sex=on)
String str = "?username=haha&sex=on";
* ?username=zhangsan&password=123&sex=nan&love=zq
* type="file"
选择文件
* name属性指定
* type="hidden"
隐藏组件
* name指定 value指定
* type="button"
按钮
* value="显示的文字"
* 和js(javascript)
绑定事件
* type="image"
图片
* 提交 引入外部的一个文件(图片)
* 声明选择框
<select name="city">
<option value="bj"></option>
<option value="sh"></option>
</select>
* <textarea>文本域
* rows="行"
* clos="列"
* name属性指定
* selected="selected"
代表默认值
</form>)
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- Apple官网研究之使用Justify布局导航
- AS3自写类整理笔记 ClassLoader类第1/2页
- AS3自写类整理笔记 Dot类第1/2页
- ip地址基础知识
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- VBS基础编程教程 (第1篇)
- DB2新手使用的一些小笔记:新建实例、数据库路径不存在、客户端连接 .
- VBS基础编程教程 (第3篇)
- PostgreSQL新手入门教程
- 路由器基础精析
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理