2023年6月20日发(作者：)
vue添加html标签属性_常⽤HTML标签属性⼤集合编辑 | web前端开发来源 | ⽹络收集整理昨天跟⼤家分享⼀些常⽤CSS的命名规范与属性，今天把HTML⾥⼀些常⽤的标签也整理了⼀份，希望对于初学者有帮助。⽂章有点长，但是我觉得你不⽤⼀次性看完，可以收藏⼀下，在⾃⼰的碎⽚时间⾥，可以随时拿出来看看。跑马灯...普通卷动...滑动...预设卷动...来回卷动...向下卷动...向上卷动向右卷动向左卷动...卷动次数...设定宽度...设定⾼度...设定背景颜⾊...设定滚动速度...设定卷动时间...⿏标经过上⾯时停⽌滚动...⿏标离开时开始滚动字体效果...标题字(最⼤)...标题字(最⼩)...粗体字......粗体字(强调) (同上效果略同)...斜体字...斜体字(强调)...斜体字(表⽰定义)...底线...底线(表⽰插⼊⽂字)... 横线...删除线...删除线(表⽰删除)...键盘⽂字... 打字体...固定宽度字体(在⽂件中空⽩、换⾏、定位功能有效)...固定宽度字体(不执⾏标记符号)... 固定宽度⼩字体...字体颜⾊...最⼩字体...⽆限增⼤区断标记⽔平线⽔平线(设定⼤⼩)⽔平线(设定宽度)⽔平线(设定颜⾊)(换⾏)...⽔域(不换⾏)...⽔域(段落)置中连结格式(预设好连结路径)外部连结外部连结(另开新视窗)...外部连结(全视窗连结)外部连结(在指定页框连结)贴图/⾳乐贴图设定图⽚宽度设定图⽚⾼度设定图⽚提⽰⽂字设定图⽚边框背景⾳乐设定表格语法表格位置,置左表格位置,置中背景图⽚的URL=就是路径⽹址设定表格边框⼤⼩(使⽤数字)设定表格的背景颜⾊设定表格边框的颜⾊设定表格暗边框的颜⾊设定表格亮边框的颜⾊指定内容与格线之间的间距(使⽤数字)指定格线与格线之间的距离(使⽤数字)指定表格的栏数设定表格外框线的显⽰⽅式指定表格的宽度⼤⼩(使⽤数字)指定表格的⾼度⼤⼩(使⽤数字)...指定储存格合并栏的栏数(使⽤数字)...指定储存格合并列的列数(使⽤数字)分割视窗左右分割,将左边框架分割⼤⼩为20%右边框架的⼤⼩浏览器会⾃动调整上下分割,将上⾯框架分割⼤⼩为20%下⾯框架的⼤⼩浏览器会⾃动调整分割左右两个框架分割左中右三个框架分割上中下三个框架属性：cols 垂直切割窗⼝(如左右分割两个窗⼝)接受整数值，百分数，*(*代表占⽤余下空间)数值的个数代表分成的部分数⽬，要以逗号分隔。例：cols="30,*,50%"可以 切成三个视窗，第⼀部分是30像素(pixels)为绝对分割，第⼆部分是当分配完第⼀和第三视图后剩下的空间，第三部分则占整个窗⼝的50%宽度，为相对分割。rows 就是横向切割，将窗⼝上下分开，数值设置同上。以上两属性尽量不要在同⼀个标记中，因为王井(netscape)不⽀持，尽量采⽤多重分割。frameborder 设置框架的边框，其值有0不要边框，1要边框。border 设置框架边框厚度framespacing 表⽰框架与框架间保留空⽩的距离frame 元素(单标签)语法格式：属性：name 框架名称，指定框架来做连接的⽬标窗⼝。src 框架中要显⽰的⽹页⽂当url地址，每个个框架要对应⼀个html⽂挡。scrolling 是否显⽰滚动条，yes/no,auto是⾃动。noresize 设置不让使⽤者改变这个框架的⼤⼩，noframe元素指定当使⽤了框架的页⾯在不⽀持框架的浏览器中打开时显⽰的信息语法格式：......表单语法格式：....method有两种提交⽅式get,postaction 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处⾥，可设定此参数为action="mailto:lwr8494@"这样此表单所填的资料将会发送到这个邮箱地址。method 是指传送信息给cgi等⽹络程序的⽅式。可选post⽅法， get⽅法，post⽅法容许传送⼤量信息。get⽅法只接受低于1k的信息。申请表单⽤的是post搜索引擎⽤的是get注解 指定锚名称的超连结 指定超连结....address> ⽤来显⽰电⼦邮箱地址粗体字指定超连结的分割视窗< basefont size> 更改预设字形⼤⼩加⼊背景⾳乐显⽰⼤字体闪烁的⽂字设定⽂字颜⾊显⽰本⽂换⾏设定表格标题位置...caption> 为表格加上标题向中对齐... ⽤於引经据典的⽂字... ⽤於列出⼀段程式码...comment> 加上注解< dd> 设定定义列表的项⽬解说< dfn>... 显⽰"定义"⽂字< dir>... 列表⽂字标签< dl>... 设定定义列表的标签< dt> 设定定义列表的项⽬强调之⽤< font face> 任意指定所⽤的字形< font size> 设定字体⼤⼩< form action> 设定户动式表单的处理⽅式设定户动式表单之资料传送⽅式设定视窗的上下边界设定视窗的左右边界为分割视窗命名锁住分割视窗的⼤⼩设定分割视窗的卷轴将HTML档加⼊视窗将视窗分割成左右的⼦视窗将视窗分割成上下的⼦视窗... 划分分割视窗~设定⽂字⼤⼩标⽰⽂件资讯加上分格线⽂件的开始与结束斜体字调整图形影像的位置为你的图形影像加注加⼊影⽚插⼊图⽚并预设图形⼤⼩插⼊图⽚并预设图形的左右边界预载图⽚功能 设定图⽚边界 插⼊图⽚插⼊图⽚并预设图形的上下边界在表单中加⼊输⼊栏位定义查询⽤表单... 表⽰使⽤者输⼊⽂字... 列表的项⽬ ( 可指定符号 )跑马灯效果条列⽂字标签⾃动更新⽂件内容可同时选择多项的列表栏定义不出现分割视窗的⽂字1. ...有序号的列表定义表单中列表栏的项⽬设定对齐⽅向分段...person> 显⽰⼈名 使⽤原有排列...samp> ⽤於引⽤字... 在表单中定义列表栏显⽰⼩字体⽂字加横线⽤於加强语⽓下标字上标字调整表格的宽线⾼度调整资料栏位之边界产⽣表格的标签 调整表格栏位之左右对齐 设定表格栏位之背景颜⾊ 表格栏位的合并 设定表格栏位不换⾏< td valign> 调整表格栏位之上下对齐调整表格栏位宽度... 定义表格的资料栏位表单中加⼊多少列的⽂字输⼊栏决定⽂字输⼊栏是⾃动否换⾏... 定义表格的标头栏位⽂件标题... 定义表格美⼀⾏打字机字体⽂字加底线... ⽆序号的列表 ( 可指定符号 )... ⽤於显⽰变数BlockQuotc⽂本缩进表⽰颜⾊的常⽤三种⽅式1，16进制颜⾊代码语法：#RRGGBB例：红⾊2，10进制RGB码语法：RGB(RRR，GGG，BBB)例：红⾊3,直接⽤颜⾊的英⽂名称例：红⾊.....属性可分为三种1，背景属性包括：bgcolor,background2,⽂字属性：包括：text,link,alink,vlink,3,留⽩属性：其中分为：leftmargin,r背景⾊语法格式：.background背景图案。语法格式：.text⽂本颜⾊(⾮连接⽂字颜⾊).link连接⽂字颜⾊(可连接⽂字颜⾊).alink活动连接⽂字颜⾊(正被点击的可连接⽂字的颜⾊).vlink已访问连接⽂字颜⾊)(已经点击访问过的可连接⽂字的颜⾊)语法格式：.leftmargin 页⾯左侧的留⽩距离.topmargin 页⾯顶部的留⽩距离语法格式：注：value为长度值为数字align属性语法：⽂字其属性有三种：left靠左,center居中,right靠右〈p〉为段落标记，可利⽤以上属性对整个段落进⾏设置〈br>为换⾏标记为不换⾏标记 放在⽂字两边即可例：江南逢李龟年歧王宅⾥寻常见催九堂前⼏度闻正是江南好风景落花时节⼜逢君预格式化...... 浏览是效果和编写是效果格式⼀样列表1、⽆序列表⼜称符号列表语法格式：type的属性可选直disc实⼼圆点,clrcle空⼼圆点,square实⼼⽅框⽂字⽂字2、有序列表语法格式：⽂字⽂字type的值是编号字符可选的有1...,a...,A...,i... ,I...start为起始值例：如果start为3是那么将从3开始，⽽且必须是数字。3、定义列表标⽰定义条⽬标⽰定义内容语法格式：⽂字⽂字内容连接和图像语法格式：属性：href 连接⽬标 值可以是url地址也可以是连接锚点或者name连接名称语法格式：例：连接到该锚点的连接则应是：target⽬标窗⼝语法格式-blank打开新窗⼝_self当前窗⼝打开⼀下两个仅在框架叶⾯中应⽤_parent当前窗⼝的⽗级窗⼝(上⼀级)打开_top在最⾼⼀级的窗⼝打开windowname已命名的窗⼝或框架中打开连接title连接提⽰图像语法格式border属性定义图⽚边框的宽度，默认值为0align属性设置图⽚旁边⽂字的位置语法格式：可选值有：top图⽚和⽂字顶部对齐middle图⽚和⽂字居中对齐bottom图⽚和⽂字底边对齐(默认)left图⽚居左对齐，⽂字沿图⽚绕排right图⽚居右对齐，⽂字沿图⽚绕排absmiddle图⽚对齐到⽬前⽂字⾏绝对中央absbottom图⽚对齐到⽬前⽂字⾏绝对底部⽂字的排版不换⾏空⽩标记font元素语法格式：字体⼤⼩可选值为1——7，默认为3例：〈font face="⿊体" size="4" color="#ff00ff">....⽔平线语法格式：noshade⽆阴影，既实线层〈div>两种元素是块级元素，和段落元素相似，不同的是两个元素之间不会产⽣两个元素之间的空⾏，是⾏内元素，可以定义段落中部分⽂字的属性语法格式：...align设置层中元素的⽔平对齐⽅式stule设置元素应⽤css规范的属性兼容性⽐ 要好⼀点，最好使⽤表格语法格式...........border边框宽度默认值为0，既没有边框cellspacing表格中单元格的边距⼤⼩，默认值为两个像素cellpadding表格中单元格之间的间距⼤⼩，默认值为两个像素tr元素语法格式：....align属性对齐⽅式可选值如下：left,center,tight,默认为leftbgcolor指定该⾏的背景颜⾊td元素语法格式：.....align属性的可选值有：left,center,rightvalign属性的可选值有：top,middle,bottomrowspan和colapan跨⾏和跨列的数量，默认为1input元素 语法格式type属性的可选值有：text 单⾏⽂本框属性：name ⽂本框名称value ⽂本框的初始值size ⽂本框的长度maxlength 可输⼊字符串最⼤的长度radio 单选框属性：name 单选框名称value 内部值checked 默认选定checkbox 复选框属性：name 复选框名称value 内部值checked 默认选定reset 重置按钮submit 确定按钮属性：name 按钮名称value 显⽰在按钮上的⽂字password 密码框属性与⽂本框的属性完全相同file ⽂件域属性：name⽂件域名称size ⽂件域的长度maxlength ⽂件域可接受的字符数量的上限hidden 隐藏域属性：name 隐藏域名称value 内定值image 图⽚域属性：name 所要代表的按钮，可以是submit,reset,或其他.src 按钮图⽚的url 地址列表框语法格式：..............select元素语法格式：name 指定列表框的名字size 指定列表框显⽰列表项的条数，如果指定了该参数，select元素是个列表，否则是⼀个下拉列表框multiple 指定了这个参数，则表⽰该列表框可选择多项，否则只可选择⼀项option属性语法格式：value 该列表项的值selected 如果设定了这个参数，默认为选定这⼀项多⾏⽂本框属性：name⽂本框的名称cols⽂本框的宽度rows⽂本框的⾼度wrap⽂本框的折⾏⽅式可选值有：off不保存换⾏信息physical强迫浏览器在发送信息到web服务器端时必须将多⾏⽂本框的⽂字⼀⾏⼀⾏的送出，virtual送出连续成串的字除⾮使⽤者按回车。css 层叠样式表引⼊层叠样式表的⽅法包括：1、外联式样式表例：....属性：rel ⽤来说明元素在这⾥要完成的任务是连接⼀个独⽴的css⽂件。⽽href属性给出了所要连接css⽂件的url地址内嵌式样式表：例：