html常用标签

  <html> 定义HTML文档。

  <title> 定义文档的标题。

  <body> 定义文档的主体。

  <h1>to<h6> 定义HTML标题。

  <p> 定义段落。

  <br> 定义简单的折行。

  <hr> 定义水平线。

  <!--...--> 定义注释。

  表单

  标签 描述

  <form> 定义供用户输入的HTML表单。

  <input> 定义输入控件。

  <textarea> 定义多行的文本输入控件。

  <button> 定义按钮。

  <select> 定义选择列表(下拉列表)。

  <optgroup> 定义选择列表中相关选项的组合。

  <option> 定义选择列表中的选项。

  <label> 定义input元素的标注。

  <fieldset> 定义围绕表单中元素的边框。

  <legend> 定义fieldset元素的标题。

  <datalist> 定义下拉列表。

  <keygen> 定义生成密钥。

  <output> 定义输出的一些类型。

  框架

  <frame> 定义框架集的窗口或框架。

  <frameset> 定义框架集。

  <noframes> 定义针对不支持框架的用户的替代内容。

  <iframe> 定义内联框架。

  图像

  标签 描述

  <img> 定义图像。

  <map> 定义图像映射。

  <area> 定义图像地图内部的区域。

  <canvas> 定义图形。

  <figcaption> 定义figure元素的标题。

  <figure> 定义媒介内容的分组,以及它们的标题。

  链接

  标签 描述

  <a> 定义锚。

  <link> 定义文档与外部资源的关系。

  <nav> 定义导航链接。

  列表

  标签 描述

  <ul> 定义无序列表

  <ol> 定义有序列表。

  <li> 定义列表的项目。

  <dir> 不赞成使用。定义目录列表。

  <dl> 定义定义列表。

  <dt> 定义定义列表中的项目。

  <dd> 定义定义列表中项目的描述。

  <menu> 定义命令的菜单/列表。

  <menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。

  <command> 定义命令按钮。

  表格

  标签 描述

  <table> 定义表格

  <caption> 定义表格标题。

  <th> 定义表格中的表头单元格。

  <tr> 定义表格中的行。

  <td> 定义表格中的单元。

  <thead> 定义表格中的表头内容。

  <tbody> 定义表格中的主体内容。

  <tfoot> 定义表格中的表注内容(脚注)。

  <col> 定义表格中一个或多个列的属性值。

  <colgroup> 定义表格中供格式化的列组。

  样式/节

  标签 描述

  <style> 定义文档的样式信息。

  <div> 定义文档中的节。

  <span> 定义文档中的节。

  <header> 定义section或page的页眉。

  <footer> 定义section或page的页脚。

  <section> 定义section。

  <article> 定义文章。

  <aside> 定义页面内容之外的内容。

  <details> 定义元素的细节。

  <dialog> 定义对话框或窗口。

  <summary> 为<details>元素定义可见的标题。

  员信息

  标签 描述

  <head> 定义关于文档的信息。

  <meta> 定义关于HTML文档的元信息。

  <base> 定义页面中所有链接的默认地址或默认目标。

  <basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

  属性

  属性名 英文 英文含义 取值 应用场景

  src SouRCe 资源位置 资源的路径

  border border 边框 数字(像素)

  size size 尺寸 数字(像素)

  width width 宽度 数字(像素)

  height height 高度 数字(像素)

  bgcolor BackGroundCOLOR 背景颜色 颜色值:rea或#ffffff

  background background 背景图片 图片路径

  list-style list-style 设置列表的所有属性

  列表

  list-style-image list-style-image 将图像设置为列表项标记 None

  url 列表

  list-style-type list-style-type 设置列表项标记的类型 Disc(实心圆)

  Cirle(空心圆)

  Square(实心方块) 列表

  line-height line-height 行高(行间距) 数字(像素) 布局多行文本

  text-align text-align 对齐方式 Left、right、center 各种元素对齐

  letter-spacing letter-spacing 字符间距 数字(像素) 加大字符间间隔

  text-decoration text-decoration 文本修饰 Underline、none 加下划线、中划线等

  margin-top

  (right、bottom、left)

  外边距 数字(像素)

  padding-top

  (right、bottom、left)

  内边距 数字(像素)

  display display 改变块级元素与行内元素的默认显示方式 block(行变块)

  inline(块变行)

  none(该元素不显示在网页中)

  position position 定位 static(静态定位)

  relative(相对定位)

  absolute(绝对定位)

  fixed(固定定位) 用于定位

  float float 浮动 None、left、right

  clear clear 处理浮动塌陷 left(清除左边浮动)

  right(清除右边浮动)

  both(清除两边浮动)

  none(不清除浮动)

  type type 列表类型 Disc(实心圆)

  Cirle(空心圆)

  Square(实心方块) 用于列表

  align align 对齐 Left、right、center

  top、middle、bottom 段落内容水平对齐文字与图片垂直对齐

  type type 表单元素类型 text(文本)

  checkbox(复选)

  radio(单选)

  password(密码)

  file(文件)

  submit(提交)

  reset(重置)

  button(按钮)

  image(图片按钮)

  hidden(隐藏)

  表单元素

  method method 表单数据的提交方式 get

  post

  alt alter 改变、替换(图片不显示时提示信息)

  图片

  cellpadding cellpadding 单元格内边距 数字 表格

  cellspacing cellspacing 单元格之间距离 数字 表格

  href HypertextREFerence 超文本引用(跳转到文件位置)

  rel RELationship 关系(用于定义链接的文件和HTML文档之间的关系) StyleSheet样式表 link链接一个文件时

  target target 目标(网页打开的位置) _blank(新窗口打开)

  _self(自身窗口打开)

  _top(以整个浏览器作业作为窗口显示新页面)

  _parent(在父窗口中打开新的页面)

  colspan COLumnspan 单元格跨列 数字(跨的列数) 表格

  rowspan rowspan 单元格跨行 数字(跨的行数) 表格

  readonly readonly 只读

  value value 输入框的初始值

  maxlength maxlength 最大长度

  scrolldelay scrolldelay 滚动延时

  <marquee>

  direction direction 方向(滚动方向)

  <marquee>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值