html常用标签
标题标签
<h1> </h1> … <h6> </h6>
为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题<h1>-<h6>
段落与换行标签
段落标签:<p></p>
换行标签:<br/>
在HTML标签中,标签用于定义段落,它可以将整个网页分为若千个段落。
在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签<br/>
文本格式化标签
加粗:<strong> </strong>或者<b> </b>
斜体:<em> </em>或者<i> </i>
删除线:<del> </del>或者<s> </s>
下划线:<ins> </ins>或者<u> </u>
上标:<sup></sup>
下标:<sub></sub>
规定文本的尺寸、字体和颜色【html5不支持】:<font></font>
dir:rtl,ltr【文本方向】
color:【文本颜色】
face:【文本字体】
size:【文本字体大小】
空格:
容器标签
块级容器【用于组织内容和布局】:<div></div>
行内容器【用于组织文本或应用样式】:<span></span>
图像
<img src=""/>
src:图片路径;可本地图片可网络图片;
alt:替换文本
title:提示文本
width:图像宽度
height:图像高度
border:图像边框粗细
超链接
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href:
用于指定链接目标的ur地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能;
href=“#”表示这是一个空链接;
如果href里面地址是—个文件或者压缩包,会下载这个文件
target:
用于指定链接页面的打开方式,其中_self为默认值(在本窗口中打开)
_blank 表示将连接的画面内容,在新的浏览器窗口中打开;(打开新窗口)重点
_self 表示将连接画面内容,显示在目前的窗口中;
_top 表示将连接画面内容,显示在没有框架的视窗中;
_parent 表示将连接画面内容,当成文件的上一个画面;
_search 表示将连接画面内容,搜索区装载的文档
锚点链接
<a href="#要跳转的元素的id"></a>
点击链接的时候,会跳转到指定元素所在的位置。
注释和特殊符号
注释以“<!-”开头,以“->”结束。【快捷键 ctrl+/】
特殊字符
| 特殊字符 | 描述 | 字符的代码 |
|---|---|---|
| 空格符 | |
|
| < | 小于号 | < |
| > | 大于号 | > |
| & | 和 | & |
| ¥ | 人名币 | ¥ |
| © | 版权 | © |
| ® | 注册商标 | ® |
| ℃ | 摄氏度 | ° |
| ± | 正负号 | ± |
| × | 乘号 | × |
| ÷ | 除号 | ÷ |
| ² | 平方上标2 | ² |
| ³ | 立方上标3 | ³ |
列表标签
<ul></ul>:定义无序列表,里面只能放 li 标签,其它标签不被允许
type:circle 空心原点;disc 实心原点 默认;square 实心方块;
<ol></ol>:定义有序列表,里面只能放 li 标签,其它标签不被允许
type:a;A;1(默认);i;I;
<li></li>:有序列表和无序列表中的列表项,相当于一个容器,里面可以放其它标签
<dl></dl>:定义自定义列表,里面只能包含 dt 和 dd 标签
<dt></dt>:定义自定义列表中的项目
<dd></dd>:描述自定义列表中的每一个项目
快速生成列表:ol|ul*3>li*4 输入完以后,按tab键
表格标签
<table></tabe>是用于定义表格的标签。
<tr></tr>标签用于定义表格中的行,必须嵌套在< table></ table>标签中
<td></td>用于定义表格中的单元格,必须嵌套在< tr></ tr>标签中
<th></th>表示表格的表头部分,表示表格的第一行或第一列,其中的文本内容加粗居中显示
<thead></thead>用于定义表格的头部。< thead>内部必须拥有< tr>标签,一般是位于第一行
<tbody></tbody>用于定义表格的主体,主要用于放数据本体。
常用属性
| 属性名 | 属性值 | 描述 |
|---|---|---|
| align | left、center、right | 规定表格相对周围元素的对齐方式 |
| border | 1 或 “” | 规定表格单元是否拥有边框,默认为“”,表示没有边框 |
| cellpadding | 像素值 | 规定单元边沿与其内容之间的空白,默认1像素 |
| cellspacing | 像素值 | 规定单元格之间的空白,默认2像素 |
| width | 像素值或百分比 | 规定表格的宽度 |
| height | 像素值或百分比 | 规定表格的高度 |
| rowspan | 要合并的单元格个数 | 合并行单元格,记得要删除多余的单元格 |
| colspan | 要合并的单元格个数 | 合并列单元格,记得要删除多余的单元格 |
表单标签
- 表单标签主要用来收集用户信息如登入、注册、搜索商店等
通常一个表单由一个大的表单域构成,表单域里面又包含表单元素和提示信息。
<form></form>:表单域标签,表单域就是一个包含表单元素的区域
<form></form>标签常用属性
| 属性 | 属性值 | 作用 |
|---|---|---|
| action | url地址 | 用于指定接收并处理表单数据的服务器程序的url地址 |
| method | get / post | 用于设定表单数据的提交方式 |
| name | 名称 | 用于指定表单的名称,以区分用一个页面中的多个表单域 |
<input/>:输入表单元素
<lable></lable>:绑定一个表单元素,当点击 lable 标签内的文本时,会自动将焦点转到对应的表单元素上,lable 标签的for属性必须得与相关元素的id属性相同
<select></select>:下拉表单元素,用于定义一个下拉列表
<option></option>:下拉列表中的元素,定义**selected=“selected”**属性时,当前项为默认选中项
<textarea></textarea>文本域元素,用于定义一个多行文本输入框,cols属性规定每行的字符数,rows属性规定显示的行数
<input/>标签的常用属性
| 属性 | 属性值 | 描述 |
|---|---|---|
| type | 见下表 | 用于设置<input/>标签的不同形式 |
| name | 用户自定义 | 定义input元素的名称 |
| value | 用户自定义 | 设置input元素的默认值 |
| checked | checked | 设置此input元素首次加载时应当被选中 |
| maxlength | 正整数 | 规定输入字段中的字符的最大长度 |
<input/>标签type属性值:
| 属性值 | 描述 |
|---|---|
| button | 定义可点击按钮 |
| checkbox | 定义复选框,一组复选框name属性必须相同 |
| file | 定义输入字段和 “浏览” 按钮,供文件上传 |
| hidden | 定义隐藏的输入字段 |
| image | 定义图像形式的提交按钮 |
| password | 定义密码字段,该字段中的字符被掩码 |
| radio | 定义单选按钮,一组单选按钮的name属性值必须相同 |
| reset | 定义重置按钮,清除表单中的所有数据 |
| submit | 定义提交按钮,提交到action属性指定的地址 |
| text | 定义单行的输入字段,用户可在其中输入文本,默认宽度为20字符 |

浙公网安备 33010602011771号