html常用标签

标题标签<h1>-<h6>

段落标签<p></p>

不同段落间显示时会有一个较大空隙

换行标签<br/>

文字换行并不会换段落，段落间距远大于行间距

文本格式化标签

语义	标签	优先
加粗	<strong></strong>or<b></b>	<strong></strong>
倾斜	<em></em>or<i></i>	<em></em>
删除线	<del></del>or<s></s>	<del></del>
下划线	<ins></ins>or<u></u>	<ins></ins>

盒子标签<div>大盒子</div>or<span>小盒子</span>

图像标签<img src="url" />

属性	属性值	说明
src	图片路径	路径
alt	文本	图像不能显示时显示该文字
title	文本	鼠标放到图像上显示该文字
width	px	宽度
height	px	高度
border	px	边框粗细

注意：

• 宽与高只设置其中一个，另外一个值自动适配

• 下一级路径	/
  上一级路径	../

超链接标签<a>链接显示的按钮</a> 

属性	作用
href	url
target	页面打开方式，_self为默认值，_blank是新窗口打开

注意：

• 链接显示为带下划线的文字，若未指定文字，则显示短下划线，要清除短下划线，可在css上加入text-decoration:none
• 链接显示的按钮可以是图片，即<a><img/></a>
• 可以链接内部，也可以链接外部，外部需要https://
• 下载链接，href指向一个文件或压缩包
• 锚点链接：给目标位置标签添加id=xxx，链接写成<a href="#xxx"></a>,不能忘#

注释标签<!--内容-->

ctrl+/   添加注释 

特殊字符

标签	作用
 	空格
&lt;	<
&gt;	>

表格标签

<table>
    <tr>
        <th>表头</th>
        ...
    </tr>
    <tr>
        <td>单元格内文字</td>
        ...
    </tr>
    ...
</table>

标签	说明
<table></table>	定义表格
<tr></tr>	定义行
<td></td>	定义单元格
<th></th>	表头单元格，加粗居中
<thead>与<tbody>	表格结构标签

属性名	属性值	描述
align	left,center,right	对齐方式
border	1或“”	是否有边框
cellpadding	px	单元格边沿与内容空白
cellspacing	px	单元格之间空白
width	px或百分比	表格宽度

合并单元格：

• 跨行合并：在上侧单元格写rowspan=“合并单元格个数”
• 跨列合并：在左侧单元格写colspan=“合并单元格个数”
• 记得删除多余单元格

列表标签 ：

标签	说明
<ul></ul>	无序列表
<ol></ol>	有序列表
<li></li>	列举项
<dl></dl>	自定义列表
<dt></dt>	定义项目
<dd></dd>	描述每一个项目

注意：

•  <ul></ul>与<ol></ol>之间只能放<li></li>,而<li></li>中可以放任意标签
• <dt></dt>与<dd></dd>中可以放任意标签

表单标签： 

标签	说明
<form></form>	定义表单域，提交表单信息到服务器
<input type=""/>	输入表单，收集信息
<label></label>	绑定表单元素，点击label时选中表单
<select></select>	下拉表单
<option></option>	下拉表单中各选项
<textarea></textarea>	文本域，多行大量文本输入框

• <form></form>的属性：

属性	属性值	作用
action	url	接收处理数据的后台服务器url
method	get/post	数据提交方式，get或post
name	名称	指定表单名称，区分不同表单

• <input/>属性：

  属性	属性值	作用
  type	各种形式	指定不同的控件类型
  name	文本	定义input元素名称
  value	自定义	input元素的值，显示在文本框的初始内容
  checked	checked	单选框和复选框中默认选中该元素
  maxlength	正整数	输入框字符最大长度

  type的属性值：

  属性值	说明
  text	文本框，输入单行文本
  password	密码框，输入单行文本并显示为掩码
  radio	单选按钮，所有按钮用同一name实现多选一，圆圈
  checkbox	复选框，方块
  submit	提交按钮，把表单域表单元素的值发送给服务器
  reset	重置按钮还原表单元素初始状态
  botton	按钮，不提交数据，只做某件事
  file	上传文件

• <label></label>属性： 

属性	属性值	作用
for	某个表单元素的id	点击label标签同时选中表单按钮

• <textarea></textarea>属性：（不常用，一般用css实现）

  属性	属性值	作用
  cols	正整数	每行字符数
  rows	正整数	行数