HTML5全栈开发标签大全

菜鸟哈哈哈 发布于 2016/06/15 16:46
阅读 412
收藏 4

  一、HTML5全栈开发中常用的标签

  <h1>~<h6> 表示是一个标题

  <p> 段落标签

  <hr/> 水平线标签

  <br/> 换行标签

  <sub> 下标

  <sup> 上标

  <pre> 原样标签: 原样标签会保留空格和换行符。

  <ol> <li> 有序的列表标签、

  <ul> <li> 无序的列表标签。

  行内标签(span)

  <div> div标签的内容会独立占一行。

  二、实体标签

  空格 &nbsp;

  小于号 &lt;

  大于号 &gt;

  人民币 &yen;

  版权 &copy;

  商标 &reg;

  三、媒体标签

  <embed></embed>

  hidden:设置隐藏插件是否隐藏。

  src:用于指定音乐的路径

  <embed src="1.mp3" ></embed>

  <marquee> 飘动标签

  direction:指定飘动的方向

  scrollamount:指定飘动的速度。

  loop:指定飘动的次数

  四、超链接标签 

  <a> 超链接标签

  a标签常用的属性:

  href:用于指定链接的资源

  target:设置打开新资源的目标。

  _Blank 在独立的窗口上打开新资源

  _self 在当前窗口打开新资源

  file:file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。

  格式:

  file:///f:/美女/1.jpg

  邮件 的协议: mailTo

  迅雷的协议: thunder

  超链接标签的作用:

  1. 可以用于链接资源。

  2. 锚点点位.

  3. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>

  4. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“

  五、图片标签

  img标签常用的属性:

  width: 设置图片宽度

  height: 设置图片高度

  alt: 如果图片资源无法找到,那么就显示对应的文字对图片进行说明。

  六、表格标签

  表格使用到的标签:

  <table> 表格

  <tr> 行

  <td> 单元格

  <th> 表头 默认的样式是居中,加粗。

  <caption> 表格的标题

  表格常用的属性:

  border: 设置表格的边框

  widt: 设置表格的宽度

  height: 设置表格的高度的。

  colspan: 设置单元格占据指定的列数。

  rowspan: 设置单元格占据指定的行数。

  <thead> 标签用于组合 HTML 表格的表头内容。

  <thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用,用来规定表格的各个部分(表头、主体、页脚)。

  通过使用这些HTML5全栈开发元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

  <thead> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 元素之后,<tbody>、 <tfoot> 和<tr> 元素之前。

  七、表单标签

<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!-- 表单标签: 表单标签的作用是用于提交数据给服务器的表单标签的根标签是<form>标签常用的属性action: 该属性是用于指定提交数据的地址。method: 指定表单的提交方式。get : 默认使用的提交方式。 提交的数据会显示在地址栏上。post :  提交的数据不会显示在地址栏上。注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值 -->
</head>
<body>
<form action="http://www.baidu.com" method="post"> <!-- 文本输入框 单 行- -> 用户名:<input name="userName" type="text"/>
<br/>       
<!-- 密码框 -->
密码:<input name="password" type="password"/><br/>        
<!-- 单选框  -->        
性别: 男<input checked="true" value="man"  name="sex" type="radio"/>   
女<input name="sex" value="woman" type="radio"/><br/>        
< !-- 下拉框 -->        
来自的城市:<select name="city">                    
<option value="BJ">北京</option>                    
<option value="SH">上海</option>                    
<option value="GZ">广州</option>                    
<option value="SZ">深圳</option>               
</select><br/>        
<!-- 复选框  同一组的复选框name的属性值要一致 -->     
兴趣爱好:java <input value="java" name="hobit"  checked="checked" type    ="checkbox" />
javascript <input type="checkbox" value="javascript" name="hobit" />
android <input value="android" name="hobit" type="checkbox" /><br/>       <!-- 文件上传框-->    
大头照:<input name="image" type="file" /><br/>    
个人简介:        
<!-- 文本域 -->        
<textarea  name="intro" rows="10" cols="30"></textarea><br/>                
<!-- 提交按钮 -->        
<input type="submit" value="注册"/>    
<!--  重置按钮 -->    
<input type="reset" value="重置"/>        
</form>
</body>
</html>
加载中
返回顶部
顶部