常用标签极其属性
html标签属性大全

html标签大全一、文字1.标题文字<h#>..........</h#> #=1~6;h1为最大字,h6为最小字2.字体变化<font>..........</font>【1】字体大小<font size=#>..........</font> #=1~7;数字愈大字也愈大【2】指定字型<font face="字体名称">..........</font>【3】文字颜色<font color=#rrggbb>..........</font>rr:表红色(red)色码gg:表绿色(green)色码bb:表蓝色(blue)色码rrggbb也可用6位颜色代码数字3.显示小字体<small>..........</small>4.显示大字体<big>..........</big>5.粗体字<b>..........</b>6.斜体字<i>..........</i>7.打字机字体<tt>..........</tt>8.底线<u>..........</u>9.删除线<strike>..........</strike>10.下标字<sub>..........</sub>11.上标字<sup>..........</sup>12.文字闪烁效果<blink>..........</blink>13.换行(也称回车)<br>14.分段<p>15.文字的对齐方向<p align="#"> #号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
HTML中主要标签有哪些-文字标签-布局常用标签

HTML中主要标签有哪些-文字标签-布局常用标签在HTML中的主要标签有这些:文件开始标签“html〞、文件头部标签“head〞、文件主体标签“body〞。
如果想具体了解HTML 中主要标签有哪些,那无妨接着往下看吧!一、HTML中主要标签有哪些1、文件开始标签“html〞在HTML文件中,最先出现的是HTML标签就是“html〞,它表示这是HTML文件,它是双标签,首标签和尾标签分别位于文件的最前面和最后面,文件所有标签和文本都包涵在其中,该标签不带任何属性。
2、文件头部标签“head〞“head〞表示文件头部的标签,它是双标签,它包涵文件的标题、编码方式及URL等信息,可省略。
3、文件主体标签“body〞“body〞表示文件主体内容,它是双标签。
文件头部标签用以存储重要信息,而只有主体部分会被显示,所以大部分标记都位于文件主体部分。
该标签可带属性。
二、网页〔制定〕的常用文字标签1、标题文字标签“hn〞“hn〞为标题文字标签,它是一个双标签,其作用是设置网页中的标题文字。
“hn〞标签一共6级,“h1〞和“h1〞之间的文字是第1级标题,“h6〞和ch6〞之间的文字是第6级标题,由“hl〞到“h6〞逐渐变小。
每个标题标记所标示的字句将独占一行且上下留一空白行。
“hn〞有一个属性align,其属性可选值为:right、left、center。
2、文字格式控制标签“font〞“font〞为文字格式控制标签,它是一个双标签,其作用是设置文字的字体、大小和颜色。
“font〞的属性有face、size、color。
face:设定文字字体,其属性为字体名称。
size:设定文字大小,取值1~7,默认值为3。
也可用“+〞“-〞来设置相对值。
color:设定文字颜色。
可以用和#nnnnnn,也可以采纳颜色的名称。
三、页面布局常用标签1、换行标签“br〞“br〞为换行标签,它是一个单标签,作用是令其后的内容在下一行显示。
form(表单)标签常用标签及属性

form(表单)标签常⽤标签及属性1.表单标签语法:<form method="传送⽅式" action="服务器⽂件"></form>(1)<form>标签成对出现,(2)两种数据传送⽅式(get/post)2.⽂本框,密码框:语法:<form><input type="text/password" name="名称" value="⽂本"></form>(1)type="text"时,输⼊框为⽂本框(2)type="password"时,输⼊框为密码框(3)name,命名⽂本框(4)value,⽂本框输⼊的默认值例:<form>姓名:<input type="text">密码:<input type="password"></form>3.多⾏⽂本:语法:<form><textarea rows="⾏数" cols="列数"></textarea></form>例:<form><textarea rows="10" cols="10"></textarea></form>4.单选框,多选框语法:<form><input type="radio/checkbox" value="值" name="名称"> </form>type=“radio”时,输⼊框为单选框type=“checkbox”时,输⼊框为多选框例:<form><input type="radio" value="' name="">是<input type="radio" value="" name="">否</form><form><input type="checkbox" value="" name="">1<input type="checkbox" value="" name="">2<input type="checkbox" value="" name="">3</form>5.下拉列表框:语法:<form><select><option value="值"></option><option value="值"></option><option value="值"></option></select></form>6.下拉列表多选框:语法:<form><select multiple><option></option><option></option><select></form>7.普通,提交,重置按钮:语法:<form><input type="button" value="普通按钮"> <input type="submit" value="提交按钮"> <input type="reset" value="重置按钮"></form>。
Css div 常用CSS标签及属性

Css+div总结的一些常用CSS标签及属性CSS中的长度绝对单位:几乎不用在网页中in 英寸 1in = 2.54cmcm 厘米 1cm = 0.394inpt 磅 1in = 72ptpc pica 1in = 6pc相对单位:较常用em 1em = 相应字体的font-size值ex 1ex = 相应字体中的小写x字母的高度值,较难求得,一般取0.5em px 最为常用的CSS中的元素分类display 设定元素所属类别,不可继承none(设定为不显示在屏幕上)block(块级元,包括 P,H1-H6,list,div,body)inline(内联元,包括 a,em,span)list-item(列表元,如 LI)颜色与背景类color 设置文字颜色#rgb #rrggbb rgb(255,255,255) rgb(100%,100%,100%)H1{color:red}H1{color:#f00}H1{color:#ff0000}H1{color:rgb(255,0,0)}H1{color:rgb(100%,0%,0%)}background-color 设置背景颜色,格式同上;不可继承,可用于所有元BODY{background-color:red}BODY{background-color:#f00}BODY{background-color:#ff0000}BODY{background-color:rgb(255,0,0)}BODY{background-color:rgb(100%,0%,0%)}background-image 设置背景图片,默认为none,不可继承,可用于所有元url(imageURL) nonebody{backround-image:url(back.jpg);}background-repeat 设置背景图片是否重复排列,不可继承,用于所有元repeat(XY轴均重复) repeat-x(X轴重复排列) repeat-y(Y轴重复排列) No-repeat(不重复排列,默认值)BODY{background-repeat:repeat-x;}BODY{background-repeat:No-repeat;}background-attachment 设定背景图片是否卷动,不可继承,用于所有元scroll(随网页卷动,默认值) fixed(不随网页卷动)BODY{background-attachment:fixed;}background-position 设定背景图片或背景颜色开始显示的位置,不可继承,用于块级元和可替换元top,buttom,left,right,center(用关键字)70px 10px(用长度值)50% 30%(用百分比)BODY{background-position:right top;}BODY{background-position:50px 10px;}BODY{background-position:20% 50%;}background 定义背景综合属性,不要求顺序,各属性值以空格分开BODY{background:#ffcc00 url(bg.jpg) fixed center}字型类font-family 设置字型属性,取值可以是任何字型名称,缺省为浏览器内定字型,可以设多个以逗号(,)分开,有空格的英文字型可用单引号或双引号括起来。
maven常用标签

maven常用标签【一、简介】Maven是一个开源的构建工具,它使用XML文件来配置和描述项目的依赖、构建过程等信息。
Maven的配置文件中包含了许多标签,这些标签可以方便地定制项目的各种属性。
【二、常用标签介绍】1.`<groupId>`:定义项目的唯一标识,通常采用组织域名反写的形式。
例如:com.example.myproject。
2.`<artifactId>`:定义项目的名称,通常为项目的主类名反写,不含包名。
例如:myproject。
3.`<version>`:定义项目的版本,通常采用主版本号和次版本号的形式,如1.0或1.0.1。
4.`<packaging>`:定义项目的打包方式,默认值为pom,表示项目为POM文件。
其他可用的值包括:jar、ear、war等。
5.`<name>`:定义项目的显示名称,通常为项目名称加上版本号。
例如:My Project 1.0。
6.`<description>`:定义项目的简短描述,用于说明项目的作用和用途。
7.`<url>`:定义项目的长期唯一标识,通常为项目的GitHub仓库地址。
8.`<properties>`:定义项目的属性,如编译插件的版本、编码格式等。
例如:```<properties><piler.source>1.8</piler.source><piler.target>1.8</piler.target><piler.plugin.version>3.8.1</piler.plugin.version ></properties>```9.`<dependencies>`:定义项目依赖的其他项目,包括依赖的jar包、版本等信息。
meta标签常用属性整理

meta标签常⽤属性整理概要标签提供关于HTML⽂档的元数据。
元数据不会显⽰在页⾯上,但是对于机器是可读的。
它可⽤于浏览器(如何显⽰内容或重新加载页⾯),搜索引擎(关键词),或其他 web服务。
——必要属性属性值描述content some text定义与http-equiv或name属性相关的元信息可选属性属性值描述http-equiv content-type / expire / refresh / set-cookie把content属性关联到HTTP头部。
name author / description / keywords / generator / revised / others把 content 属性关联到⼀个名称。
content some text定义⽤于翻译 content 属性值的格式。
### SEO优化页⾯关键词,每个⽹页应具有描述该⽹页内容的⼀组唯⼀的关键字。
使⽤⼈们可能会搜索,并准确描述⽹页上所提供信息的描述性和代表性关键字及短语。
标记内容太短,则搜索引擎可能不会认为这些内容相关。
另外标记不应超过 874 个字符。
<meta name="keywords" content="your tags" />页⾯描述,每个⽹页都应有⼀个不超过 150 个字符且能准确反映⽹页内容的描述标签。
<meta name="description" content="150 words" />搜索引擎索引⽅式,robotterms是⼀组使⽤逗号(,)分割的值,通常有如下⼏种取值:none,noindex,nofollow,all,index和follow。
确保正确使⽤nofollow和noindex属性值。
<meta name="robots" content="index,follow" /><!-- all:⽂件将被检索,且页⾯上的链接可以被查询; none:⽂件将不被检索,且页⾯上的链接不可以被查询; index:⽂件将被检索; follow:页⾯上的链接可以被查询; noindex:⽂件将不被检索; nofollow:页⾯上的链接不可以被查询。
标记及属性——精选推荐

标记及属性标记及属性⼀、通⽤标签及属性1.基础标签(1)<head></head>(头标签)(2)<meta/> (编码格式)(3)<body></body>(主题标签)属性:bgcolor背景⾊;text字体颜⾊;background背景图⽚;margin(⽹页的4个边距数值):topmargin上边距;leftmargin左边距;rilghtmargin右边距;bottommargin下边距2.路径(1)绝对路径(从根开始的)/:从磁盘开始如:file:///F|/(2)相对路径(从⾃⾝开始)./ :当前⽬录; ../ :上级⽬录;/ :代表根(当前⽬录⾥⾯另⼀个⽂件夹⾥⾯的⽂件)例如:../⽂件夹/要找的⽂件3.格式控制类<font> 属性: color字体颜⾊;face字体样式;size字体⼤⼩;<b>、<strong>加粗;<i> 、<em>倾斜;<u>下划线;<s>删除线;<br/>换⾏; 空格;sub下标记;sup上标记例如:<font face="微软雅⿊" size="+4"><b><sub> 20170308</sub></b></font>4.<h1>--<h6> (做标题的由⼤到⼩)5.<p></p> (做段落)6.<span></span> (层标签)(1)内容多⼤占多⼤地(2)加属性、样式表⽤的7.<div></div> (层标签)(1)不管内容多⼤默认占⼀⾏(2)加属性、样式表⽤的8. <ol><li>有序列表 <ol>属性:type="a、A、1、i、I "例如:<ol type="a"><li>第⼀</li><li>第⼆</li></ol>9.<ul><li>⽆序列表 <ul>属性:type="square"⽅格、 type="circle"空⼼圆、type="disc"圆点例如:<ul type="square"; type="circle";type="disc"><li>第⼀</li><li>第⼆</li></ul>⼆、常⽤标签1.<a></a> 超级链接(<a href="http://⽹址"></a>)属性:(1) target=_blank (重新打开⼀个新的窗⼝)(2) target=_parent (在本窗⼝打开并覆盖)做锚点:<a name="D1"> </a> (要定的点)< a href="#D1"> 跳转到D1</a>< a href="#"> 跳转到定点</a> (#这⾥表⽰定点)2.<img/>导⼊图⽚(单标签)属性:width 宽度;height ⾼度;title 图⽚的标题,⿏标放上显⽰;alt 坏图显⽰名字例如:<img src="图⽚" width="100px" height="100px" alt="坏图显⽰名字" title="图⽚的标题,⿏标放上显⽰"/>图⽚超级链接:<a href="http://⽹址"><img src="图⽚" width="100px" height="100px" alt="坏图显⽰名字" title="图⽚的标题,⿏标放上显⽰"/></a>三、表格标签1.<table></table>表格属性:border(边框粗细);cellspacing(单元格间距);cellpadding(单元格边距);bordercolor(边框颜⾊);width(宽度);height(⾼度)2.<tr></tr>⾏属性:align=left(此⾏全部⽔平左对齐);align=right(此⾏全部⽔平右对齐);align=center(此⾏全部⽔平居中对齐)valign=left(此⾏全部垂直左对齐);valign=right(此⾏全部垂直右对齐);valign=center(此⾏全部垂直居中对齐)3.<td></td>列属性:width单元格宽度;height单元格⾼度;bgcolor背景颜⾊;rowspan合并单元格(⾏);colspan合并单元格(列)align=left(⽔平左对齐);align=right(⽔平右对齐);align=center(⽔平居中对齐)valign=left(垂直左对齐);valign=right(垂直右对齐);valign=center(垂直居中对齐)4.<th></th>表题,默认单元格内容⾃动居中、加粗 (尽量不要跟<thead></thead>⼀起出现)5.<tfoot></tfoot>显⽰效果都会在最后⼀⾏6.<thead></thead>显⽰效果都会在最上⾯⼀⾏。
【前端HTML】常用标签及属性

【前端HTML 】常⽤标签及属性路径r相对路径绝对路径标签ⅡⅢⅢⅡ<small>small⼩号字<strong>strong加重语⽓<sub>SUBscript下标<sup>SUPerscript上标<u>Underline下划线列表标签<ul>Unorder List⽆序列表块标签<ol>Order List有序列表块标签<li>LIst列表项⽬块标签<dl>Define List定义列表块标签<dt>Define Title定义标题块标签<dd>Define Describtion定义描述块标签表格相关<table>表格块标签<tr>Table Row表⾏块标签<td>Table Data cell单元格<th>Table Head表头<caption>caption标题<thead>Table head表头部分<tbody>Table body主体部分<tfoot>Table foot底部业脚部分表单相关<form>form表单<input>input表单元素(输⼊框)空标签<select>select选择(下拉框)<option>option选项(下拉列表项)<textarea>text area⽂本域框架相关<frameset>frame set框架集<frame>frame框架空标签<iframe>iframe内嵌框架容器<div>division 分隔(容器标签(块))<span>span跨度(容器标签(⾏内))标签分类标签名英⽂英⽂含义标签类型备注属性属性名英⽂英⽂含义取值应⽤场景备注src SouRCe资源位置资源的路径border border边框数字(像素) size size尺⼨数字(像素) width width宽度数字(像素) height height⾼度数字(像素)bgcolor BackGroundCOLOR背景颜⾊颜⾊值:red或#ffffffbackground background背景图⽚图⽚路径list-style list-style设置列表的所有属性列表list-style-image list-style-image将图像设置为列表项标记Noneurl列表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)margin外边距数字(像素)padding-top(right、bottom、left)padding内边距数字(像素)Ⅱbottom 、left)displaydisplay改变块级元素与⾏内元素的默认显⽰⽅式block(⾏变块)inline(块变⾏)none(该元素不显⽰在⽹页中)position position 定位static(静态定位)relative(相对定位)absolute(绝对定位)fixed(固定定位)⽤于定位float float 浮动None 、left 、right clearclear处理浮动塌陷left(清除左边浮动)right(清除右边浮动)both(清除两边浮动)none(不清除浮动)type type 列表类型Disc(实⼼圆)Cirle(空⼼圆)Square(实⼼⽅块)⽤于列表alignalign对齐Left 、right 、center top 、middle 、bottom 段落内容⽔平对齐⽂字与图⽚垂直对齐type type 表单元素类型text(⽂本)checkbox(复选)radio(单选)password(密码)file(⽂件)submit(提交)reset(重置)button(按钮)image(图⽚按钮)hidden(隐藏)表单元素method method 表单数据的提交⽅式get postalt alter 改变、替换(图⽚不显⽰时提⽰信息)图⽚cellpadding cell padding 单元格内边距数字表格cellspacing cell spacing 单元格之间距离数字表格href Hypertext REFerence 超⽂本引⽤(跳转到⽂件位置)relRELationship关系(⽤于定义链接的⽂件和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>directiondirection⽅向(滚动⽅向)<m arquee属性名英⽂英⽂含义取值应⽤场景备注块级标签<div>、<h1>~<h6>、<p>、<hr>、<ul>、<li>、<ol>、<dl>、<dt>、<dd>、<table>⾏级标签<a>、<font>、<img>、<input>、<select>、<textarea>、<label>、<span>ⅡⅡ选择器简单选择器属性选择器复合选择器关系选择器伪类选择器ⅡⅢⅢⅢⅢⅢ伪类:(不存在的类,特殊的类)⼀般是使⽤:开头,⽤来描述⼀个标签元素的特殊状态(很像是类)。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
所有标签通用属性:
Color:设置字体颜色,例:color:#ff0000;
Font-size:设置字体大小,例:font-size:12px;
Font-family:设置字体样式,例:font-family:”宋体”;
Font-weight:设置字体粗细,例:font-weight:bold;
text-align:设置文本对齐方式,例:text-align:center;
Display:设置标签显示方式(block块显示,display行内显示,none不显示),例:display:none;
Background-color:设置字体颜色;
Width:设置标签的宽度;
Height:设置标签的高度;
Margin:设置标签模块上下左右边距(顺序为上右下左),例:margin:0px 0px 0px 0px;
Padding:标签内容距离标签上下左右边距的距离(顺序为上右下左),例:padding:0px 0px 0px 0px;
Background:url(图片路径):设置背景图片;
Border:标签边框样式(块级元素才有边框),例:border:1px solid #ff0000; Border-left:左边框,border-right:又边框,border-top:上边框,border-bottom:下边框;
Position:标签的定位方式;例:position:absolute;
Left:距离指定元素的左边距,top:距离指定元素的上边距,right:距离指定元素的右边距,bottom:距离指定元素的下边距。
Left,top,right,bottom与属性position联用;
Float:设置元素的浮动,例:float:left;左浮动;
a标签:
<a href=”” style=”color:#ffffff.font-size:12px;font-family:”
宋体”;font-weight:bold;text-decoration:none”></a>
text-decoraiong:设置链接有无下划线,例:text-decoraion:none;
a:hover{color:#ffffff;}:设置鼠标滑动到链接上时,链接的样式;
列表标签ul,ol ,li:
<ul>
<li style=”list-style:square;”></li>
<li></li>
</ul>
List-style:设置列表样式,例:list-style:square;
<b></b>加粗字体标签
<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>:六种默认的字体样式
form表单标签:
<form>
<input type=”text” size=”” style=”width:10px;height:10px;”/>/*文本输入框*/
<input type=”password” size=”” />/*密码框*/
<input type=”reset” size=”” />/*重置按钮*/
<input type=”summit” size=”” />/*提交按钮*/ <input type=”radio”/>/*单选按钮*/
<input type=”checkbox”/>/*复选按钮*/
<select>/*下拉框*/
<option></option>
<option></option>
</select>
</form>
Size:设置表单元素的大小;
Width:设置表单元素的宽度;
Height:设置表单元素的高度;
Img标签:
<img src=”” alt=”文字” width=”” height=”” /> Alert:设置鼠标滑到图片上时显示的文字Width:设置图片的宽度
Height:设置图片的高度。