这篇文章主要介绍html常用标签及属性有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
HTML中的标签及属性
HTML页面结构
标签 | 描述 |
---|---|
<!DOCTYPE> | 定义文档类型。 |
<html> | 定义 HTML 文档。 |
<title> | 定义文档的标题。 |
<body> | 定义文档的主体。 |
<h2> to <h7> | 定义 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 | BackGround COLOR | 背景颜色 | 颜色值: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 | cell padding | 单元格内边距 | 数字 | 表格 |
cellspacing | cell spacing | 单元格之间距离 | 数字 | 表格 |
href | Hypertext REFerence | 超文本引用(跳转到文件位置) | ||
rel | RELationship | 关系(用于定义链接的文件和HTML文档之间的关系) | StyleSheet样式表 | link链接一个文件时 |
target | target | 目标(网页打开的位置) | _blank(新窗口打开) _self(自身窗口打开) _top(以整个浏览器作业作为窗口显示新页面) _parent(在父窗口中打开新的页面) | |
colspan | COLumn span | 单元格跨列 | 数字(跨的列数) | 表格 |
rowspan | row span | 单元格跨行 | 数字(跨的行数) | 表格 |
readonly | read only | 只读 | ||
value | value | 输入框的初始值 | ||
maxlength | max length | 最大长度 | ||
scrolldelay | scroll delay | 滚动延时 | < m arquee> | |
direction | direction | 方向(滚动方向) | < m arquee |
以上是html常用标签及属性有哪些的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。