前端一些基础标签属性

Posted 2020-09-11 justsilky

 1.p(p元素标签会在标签内容的前后加入一个空白行作为段落分隔，具有属性align)

2.br(br元素会产生分段效果，但不会在两段见加入空白行，具有属性clear none默/right/left/all)

3.pre(元素标签中若有特殊符号，就必须通过“文字参照”的方式书写，例如<,>,&，就写成"&It","gt","&anp";pre元素虽可将“标签内容”以原貌呈现出来，但“标签元素”中若有其他的标签，则浏览器仍会对这些元素标签进行处理。具有属性 width)

4.hr(在一般浏览器中，hr元素标签的效果是在页面中画出一条水平的分隔线，并在水平分隔线的前后会自动加入一空白行。具有属性：!align[left/center/right] !size[整数] color[颜色值] !noshade[空值/noshade] !width)

5.a{

(常用属性 href(url) name(字符串) target(_self[默认]，_blank[新窗口]，_top[最顶层框架，即跳脱框架]，_parent(父框架))
hover:鼠标放到连接上的时候

语法：

Selector : hover { sRules }

a:hover{bgcolor:green;color:red;

}

6.img{

6.1 src(uri)

6.2 alt(字符串)图片无法显示的替代文字。

6.3 longdesc(uri)图片说明的uri,较短用alt.

特有属性：

6.4 dynsrc(uri)此属性用于播放多媒体文件。

6.5 loop(正整数/infinite)属性值为多媒体文件重复播出次数，无限次用infinite.

6.6 start(fileopen/mouseover文件播放方式,fileopen当文件打开时，mouseover当鼠标指针移到多媒体文件上时

6.7 lowsrc(uri) 原始图片或多媒体文件下载速度较慢或下载过程出错时用来替代的图片uri

6.8 loopdelay(正整数[毫秒])表示两次播放时间间隔。

}

7.table{

table只是建立表格的基础元素，还需行(tr)和列(th、td),还可在标签内配置caption、col、colgroup、thead、tbody、tfoot。

7.1 summary(摘要)

7.2 width(表格宽度) border(边框宽度) cellspacing(单元格之间距离) cellpadding(单元格与单元格内容之间距离)

7.3 background(uri)背景 bordercolor边框颜色 bordercolordark(指定表格整体的暗面【表格右、下的框线】的颜色) bordercolorlight(指定表格整体的亮面【表格左、上的框线】的颜色)