Html(2)

 1. 注释标签<!-- 注释语句--> 快捷键ctrl+/
 2. 特殊字符
**|&nsbp|空格符|
|&lt|小于号|
|&gt|大于号|**

 3. 表格标签---用来显示、展示数据
	<table>(用于定义一个表格标签)
	  <tr>(用于定义表格中的行,必须嵌套在 table中)
	    <th></th>(表头单元格标签,文本加粗居中)
	    <td>单元格内的文字</td>
	    (用于定义表格中的单元格,必须嵌套在<tr></tr>标签中)
	    ...
	  </tr>
	  ...
	</table>
表格属性
|align|在网页水平对齐|left、center、right	
|cellpading|单元格内容与单元格边框之间的空白间距|
|cellspacing| 单元格与单元格边框之间的空白间距 |
|width|宽度|
|height|高度|
| border|表格的边框|
(一般 border  cellpadding  cellspacing  设为  0)

 4. 表格结构标签
	 - <thead></thead>:用于定义表格的头部。用来放标题之类的东西。<thead> 内部必须拥有<tr> 标签! 
	 - <tbody></tbody>:用于定义表格的主体。放数据本体 。
	 - <tfoot></tfoot>放表格的脚注之类。
	 - 以上标签都是放到table标签中。

 5. 合并单元格
 跨行合并:rowspan="合并单元格的个数"(最上)
 跨列合并:colspan="合并单元格的个数"(最左侧)
 删除多余单元格

 6. 列表标签(用来布局)
 **无序列表**
	 <ul><ul></ul>中只能嵌套<li></li><li>列表项1</li>
	  <li>列表项2</li><li></li>相当于一个容器)
	  <li>列表项3</li>
	  ......
	</ul>
有序列表
	<ol type="A"> (type属性值为排序的序列号1【默认】,a,A,i,I)
	  <li>列表项1</li>
	  <li>列表二</li>
	  <li>列表三</li>
	</ol>
	倒序排列<ol reversed="reversed">
	从指定开始<ol start="11">
**自定义列表**
	<dl>(用于对术语或名词进行解释和描述)
	  <dt>定义项目/名字</dt>
	  <dd>描述每一个项目/名字</dd>
	  <dd>...</dd>
	  ...
	</dl>
 

 7. 表单---为了收集用户信息---通常由**表单控件(**也称为表单元素)、**提示信息**和**表单域(form)**3个部分构成
 <form>
	用户名:<input type="属性值" value="XX">
	name和value---每个表单都有的属性值(自定义),主要给后台人员使用。
	name表单元素的名字,要求单选和复选框要有相同的name值。
type属性	
	text 文本输入框
	password	密码输入框
	radio  	单选
	checkbox	复选
	button 	普通按钮(后期结合js)
	submit 	提交按钮
	reset	重置按钮
	image	图像形式的提交
	file 	文件域
checked---默认选中状态--较常见于单选按钮和复选钮。
maxlength---正整数---规定输入字段中的字符的最大长度
</form>

 8. <label>标签
<label>标签为 input 元素定义标注(标签)--为了提高用户体验。为用户提高最优秀的服务.
绑定元素---用label标签直接包含input表单, 适合单个表单选择。
--- for 属性规定 label 与哪个表单元素绑定(通过id)
  <label for="sex"></label>
  <input type="radio" name="sex"  id="sex">
  

 9. <select>表单元素----下拉元素
	<select>
	  <option selected =" selected ">选项1</option>(至少包含一个选项)
	  option 中定义selected =" selected "时,当前项即为默认选中项
	  <option>选项2</option>
	  <option>选项3</option>
	  ...
	</select>
 

 10. <textarea>(文本域)
		   <textarea cols="50" rows="5">
		   cols="每行中的字符数" rows="显示的行数"  我们实际开发不用,一般用CSS定义。
		    文本内容
		  </textarea>

 11. 查阅文档
 推荐:百度、W3C、MDN

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值