html标签
来源:互联网 发布:java中point的用法 编辑:程序博客网 时间:2024/05/22 16:04
1. <em>...</em> 斜体 2. <strong>...</strong> 加粗 3. <p>...</p> 段落 4. <hx>...</hx> 标题(x:1~6 , 1最高) 5. <style> span{ color:blue; } </style> <span>...</span> 为文本设置单独样式 6. <q>...</q> 对短文本引用 7. <blockquote>...</blockquote> 对长文本引用,浏览器对 <blockquote>标签的解析是缩进样式 8. 在需要加回车换行的地方加入<br />...<br /> 9. 在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入 10. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。 11. <address>地址信息</address> 12. <a href="url">...</a> 点击修饰的字符串能够打开URL 13. <code>...</code> 添加代码 14. <pre>...</pre> 添加一大段代码。被包围在 pre 元素中的文本通常会保留空格和换行符。 15. <ul> <li>...</li> #列表 </ul> 16.<ol> <li>...</li> #在网页中展示有前后顺序的信息列表 </ol> 每项<li>前都自带一个序号,序号默认从1开始 17.<div>…</div> 用div标签为网页划分独立的版块 18.<div id="...">...<div> 用id属性来为<div>提供唯一的名称 19.<table> <tboay> <tr> <th>...</th> 创建表格 </tr> <tr> <td>...<td> </tr> </tbody> </table> (1)table表格在没有添加css样式之前,在浏览器中显示是没有表格; (2)表头,也就是th标签中的文本默认为粗体并且居中显示 (3)如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加 上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。) <style type="text/css"> table tr td,th{border:1px solid #000;} 给表格添加边框 </style> ------------------------------------------------------------------------------------------ <table summary="...">...</table> 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 ------------------------------------------------------------------------------------------ <option>...<option> 为表格添加标题 20.<a href="URL" title="...">...</a> 链接到另一个页面。title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。 <a href="URL" target="_blank">...</a> 在新窗口打开一个链接 <a href="maitlo:URL?subject...&body...">...</a> 链接Email地址 21.<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 22.<form method="传送方式" action="服务器文件"> 表单 (1)<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。 (2)action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 (3)method : 数据传送的方式(get/post)。 <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form> (1)所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间。 (2)method : post/get 的区别这一部分内容属于后端程序员考虑的问题。 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用) 23、<textarea rows="行数" cols="列数">文本</textarea> 多行输入文本域 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。 24、<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" 时,该选项被默认选中 25、下拉列表框 <form ...> <label>爱好:</label> <select> <option value="向服务器提交的值" selected="selected">显示的值</option> </select> </form> 设置selected="selected"属性,则该选项就被默认选中。使用下拉列表框进行多选: <form action="..." method="post" > <label>...</label> <select multiple="multiple"> <option value="...">...</option> </select> </form> 26、提交按钮 <input type="submit" value="提交">type:只有当type值设置为submit时,按钮才有提交作用value:按钮上显示的文字 27、重置按钮 <input type="reset" value="重置"> type:只有当type值设置为reset时,按钮才有重置作用value:按钮上显示的文字 28、label标签 <form> <label for="male">男</label> <input type="radio" name="gender" id="male" /> <br /> <label for="female">女</label> <input type="radio" name="gender" id="female" /> <label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email"> </form> 标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
阅读全文
0 0
- HTML标签
- HTML 标签
- html 标签
- HTML标签
- Html 标签
- HTML 标签
- HTML 标签
- HTML 标签
- HTML标签
- HTML 标签
- HTML 标签
- HTML 标签
- HTML 标签
- HTML 标签
- HTML 标签
- HTML 标签
- HTML 标签
- HTML标签
- Logge的简单使用r
- python爬虫----网易云音乐歌曲爬取并存入Excel
- 麻将算法(上)
- 前端基础个人总结五
- 杭电1005这个函数怎么办
- html标签
- Uva12545
- 管理的封闭原理
- 测试工程师基础知识
- RecyclerView条目动画,超简单,一行代码搞定
- spring boot thymeleaf的使用
- c语言中部分库函数的自我实现
- 常用DOS命令
- 光纤激光器概述