html常用的标签及属性有哪些


今天小编给大家分享一下html常用的标签及属性有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
HTML中的标签及属性
HTML页面结构
标签 描述
定义文档类型。
定义 HTML 文档。

定义段落。

定义简单的折行。

定义注释。
表单
标签 描述

定义输入控件。



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

定义 fieldset 元素的标题。

定义下拉列表。
定义生成密钥。
定义输出的一些类型。
框架
标签 描述
定义框架集的窗口或框架。

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

图像
标签 描述
定义图像。

定义图像映射。

定义图像地图内部的区域。
定义图形。

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

链接
标签 描述
定义锚。 定义文档与外部资源的关系。

列表
标签 描述

定义用户可以从弹出菜单调用的命令/菜单项目。 定义命令按钮。
表格
标签 描述

定义表格中的表头内容。

样式/节
标签 描述

定义文档中的节。

定义 section 或 page 的页眉。
定义 section 或 page 的页脚。
定义 section。

定义文章。
定义页面内容之外的内容。

定义元素的细节。

定义对话框或窗口。

元素定义可见的标题。

员信息
标签 描述

定义关于 HTML 文档的元信息。
定义页面中所有链接的默认地址或默认目标。
不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
属性
属性名 英文 英文含义 取值 应用场景
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 单元格跨行 数字(跨的行数) 表格
rea免费云主机域名donly read only 只读
value value 输入框的初始值
maxlength max length 最大长度
scrolldelay scroll delay 滚动延时

direction direction 方向(滚动方向)

以上就是“html常用的标签及属性有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。百云主机公众号手机网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州百云主机计算有限公司粤ICP备17096448号-1
粤公网安备 44010402001142号增值电信业务经营许可证编号:B1-20181529

相关推荐: Java怎么使用类路径获取资源

本篇内容介绍了“Java怎么使用类路径获取资源”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Class 的 getResource 方法ClassLoader …

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 09/16 15:43
下一篇 09/16 15:44

相关推荐