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:【文本字体大小】
空格:&nbsp;

容器标签

块级容器【用于组织内容和布局】:<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+/】

特殊字符

特殊字符 描述 字符的代码
空格符 &nbsp;
< 小于号 &lt;
> 大于号 &gt;
& 和 &amp;
¥ 人名币 &yen;
© 版权 &copy;
® 注册商标 &reg;
℃ 摄氏度 &deg;
± 正负号 &plusmn;
× 乘号 &times;
÷ 除号 &divide;
² 平方上标2 &sup2;
³ 立方上标3 &sup3;

列表标签

<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字符
posted @ 2026-09-17 16:26  一只鹿吖  阅读(11)  评论(0)    收藏  举报