HTML+CSS标签属性大全

HTML+CSS标签属性大全
HTML+CSS标签属性大全

HTML CSS标签属性大全

a卷标, 属性名称, 简介

批注

1、跑马灯

普通卷动

滑动

预设卷动

来回卷动

向下卷动

向上卷动

向右卷动

向左卷动

卷动次数

设定宽度

设定高度

设定背景颜色

设定卷动距离

设定卷动时间

2、字体效果

标题字(最大)

标题字(最小)

粗体字

粗体字(强调)

斜体字

斜体字(强调)

斜体字(表示定义)

底线

底线(表示插入文字)

横线

删除线

删除线(表示删除)

键盘文字

打字体

固定宽度字体(在文件中空白、换行、定位功能有效) …</plaintext>固定宽度字体(不执行标记符号)</p><p><listing>…</listing> 固定宽度小字体</p><p><font color=00ff00>…</font>字体颜色</p><p><font size=1>…</font>最小字体</p><p><font style =font-size:100 px>…</font>无限增大</p><p>3、区断标记</p><p><hr>水平线</p><p><hr size=9>水平线(设定大小)</p><p><hr width=80%>水平线(设定宽度)</p><p><hr color=ff0000>水平线(设定颜色)</p><!--/p1--><!--p2--><p><br>(换行)</p><p><nobr>…</nobr>水域(不换行)</p><p><p>…</p>水域(段落)</p><p><center>…</center>置中</p><p>4、连结格式</p><p><base href=地址>(预设好连结路径)</p><p><a href=地址></a>外部连结</p><p><a href=地址target=_blank></a>外部连结(另开新窗口)</p><p><a href=地址target=_top></a>外部连结(全窗口连结)</p><p><a href=地址target=页框名></a>外部连结(在指定页框连结)</p><p>5、贴图/音乐</p><p><img src=图片地址>贴图</p><p><img src=图片地址width=180>设定图片宽度</p><p><img src=图片地址height=30>设定图片高度</p><p><img src=图片地址alt=提示文字>设定图片提示文字</p><p><img src=图片地址border=1>设定图片边框</p><p><bgsound src=MID音乐文件地址>背景音乐设定</p><p>7、表格语法</p><p><table aling=left>…</table>表格位置,置左</p><p><table aling=center>…</table>表格位置,置中</p><p><table background=图片路径>…</table>背景图片的URL=就是路径网址</p><p><table border=边框大小>…</table>设定表格边框大小(使用数字)</p><p><table bgcolor=颜色码>…</table>设定表格的背景颜色</p><p><table borderclor=颜色码>…</table>设定表格边框的颜色</p><p><table borderclordark=颜色码>…</table>设定表格暗边框的颜色</p><p><table borderclorlight=颜色码>…</table>设定表格亮边框的颜色</p><p><table cellpadding=参数>…</table>指定内容与网格线之间的间距(使用数字) <table cellspacing=参数>…</table>指定网格线与网格线之间的距离(使用数字) <table cols=参数>…</table>指定表格的栏数</p><p><table =参数>…</table>设定表格外框线的显示方式</p><p><table width=宽度>…</table>指定表格的宽度大小(使用数字)</p><p><table height=高度>…</table>指定表格的高度大小(使用数字)</p><p><td colspan=参数>…</td>指定储存格合并栏的栏数(使用数字)</p><p><td rowspan=参数>…</td>指定储存格合并列的列数(使用数字)</p><p><table border=n> 调整表格的宽线高度</p><p><table cellpadding> 调整数据域位之边界</p><p><table cellspacing> 调整表格线的宽度</p><p><table height> 调整表格的高度</p><p><table width> 调整表格的宽度</p><p><table>…</table> 产生表格的卷标</p><p><td align> 调整表格字段之左右对齐</p><p><td bgcolor> 设定表格字段之背景颜色</p><p><td colspan rowspan> 表格字段的合并</p><p><td nowrap> 设定表格字段不换行</p><p><td valign> 调整表格字段之上下对齐</p><p><td width> 调整表格字段宽度</p><!--/p2--><!--p3--><p><td>…</td> 定义表格的数据域位</p><p><!>分割窗口</p><p><set cols=”20%,*”>左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<set rows=”20%,*”>上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<set cols=”20%,*”>分割左右两个框架</p><p><set cols=”20%,*,20%”>分割左中右三个框架</p><p><分割上下两个框架</p><p><set rows=”20%,*,20%”>分割上中下三个框架</p><p><! - - …- -> 批注</p><p><a href target> 指定超级链接的分割窗口</p><p><a href=#锚的名称> 指定锚名称的超级链接</p><p><a href> 指定超级链接</p><p><a name=锚的名称> 被连结点的名称</p><p><address>….</address> 用来显示电子邮箱地址</p><p><b> 粗体字</p><p><base target> 指定超级链接的分割窗口</p><p><basefont size> 更改预设字形大小</p><p><bgsound src> 加入背景音乐</p><p><big> 显示大字体</p><p><blink> 闪烁的文字</p><p><body text link vlink> 设定文字颜色</p><p><body> 显示本文</p><p><br> 换行</p><p><caption align> 设定表格标题位置</p><p><caption>…</caption> 为表格加上标题</p><p><center> 向中对齐</p><p><cite>…<cite> 用于引经据典的文字</p><p><code>…</code> 用于列出一段程序代码</p><p><comment>…</comment> 加上批注</p><p><dd> 设定定义列表的项目解说</p><p><dfn>…</dfn> 显示”定义”文字</p><p><dir>…</dir> 列表文字卷标</p><p><dl>…</dl> 设定定义列表的卷标</p><p><dt> 设定定义列表的项目</p><p><em> 强调之用</p><p><font face> 任意指定所用的字形</p><p><font size> 设定字体大小</p><p><form action> 设定户动式窗体的处理方式</p><p><form method> 设定户动式窗体之资料传送方式</p><p>< marginheight> 设定窗口的上下边界</p><p>< marginwidth> 设定窗口的左右边界</p><p>< name> 为分割窗口命名</p><p>< noresize> 锁住分割窗口的大小</p><p>< scrolling> 设定分割窗口的滚动条</p><p>< src> 将html文件加入窗口</p><!--/p3--><!--p4--><p><set cols> 将窗口分割成左右的子窗口</p><p><set rows> 将窗口分割成上下的子窗口</p><p><set>…</set> 划分分割窗口</p><p><h1>~<h6> 设定文字大小</p><p><head> 标示文件信息</p><p><hr> 加上分网格线</p><p><html> 文件的开始与结束</p><p><i> 斜体字</p><p><img align> 调整图形影像的位置</p><p><img alt> 为你的图形影像加注</p><p><img dynsrc loop> 加入影片</p><p><img height width> 插入图片并预设图形大小</p><p><img hspace> 插入图片并预设图形的左右边界</p><p><img lowsrc> 预载图片功能</p><p><img src border> 设定图片边界</p><p><img src> 插入图片</p><p><img vspace> 插入图片并预设图形的上下边界</p><p><input type name > 在窗体中加入输入字段</p><p><isindex> 定义查询用窗体</p><p><kbd>…</kbd> 表示使用者输入文字</p><p><li type>…</li> 列表的项目( 可指定符号)</p><p><menu>…</menu> 条列文字卷标</p><p>< name=”refresh”content url> 自动更新文件内容</p><p><multiple> 可同时选择多项的列表栏</p><p><no> 定义不出现分割窗口的文字</p><p><ol>…</ol> 有序号的列表</p><p><option> 定义窗体中列表栏的项目</p><p><p align> 设定对齐方向</p><p><p> 分段</p><p><person>…</person> 显示人名</p><p><pre> 使用原有排列</p><p><samp>…</samp> 用于引用字</p><p><select>…</select> 在窗体中定义列表栏</p><p><small> 显示小字体</p><p><strike> 文字加横线</p><p><strong> 用于加强语气</p><p><sub> 下标字</p><p><sup> 上标字</p><p><textarea name rows cols> 窗体中加入多少列的文字输入栏<textarea wrap> 决定文字输入栏是自动否换行</p><p><th>…</th> 定义表格的标头字段</p><p><title> 文件标题</p><p><tr>…</tr> 定义表格美一行</p><p><tt> 打字机字体</p><p><u> 文字加底线</p><p><ul type>…</ul> 无序号的列表( 可指定符号)</p><!--/p4--><!--p5--><p><var>…</var> 用于显示变量</p><p>字体属性:(font)</p><p>大小font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD</p><p>样式font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)</p><p>行高line-height: normal;(正常) 单位:PX、PD、EM</p><p>粗细font-weight: bold;(粗体) lighter;(细体) normal;(正常)</p><p>变体font-variant: small-caps;(小型大写字母) normal;(正常)</p><p>大小写text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)</p><p>常用字体:(font-family)"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana</p><p>背景属性:(background)</p><p>色彩background-color: #FFFFFF; 图片background-image: url();</p><p>重复background-repeat: no-repeat; 滚动background-attachment: fixed;(固定) scroll;(滚动)</p><p>位置background-position: left(水平) top(垂直); 简写方法background:#000 url(..) repeat fixed left top;</p><p>区块属性:(Block)</p><p>字间距letter-spacing: normal; 数值</p><p>对刘text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)</p><p>缩进text-indent: 数值px;</p><p>垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;</p><p>词间距word-spacing: normal; 数值</p><p>空格white-space: pre;(保留) nowrap;(不换行)</p><p>显示display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题)</p><p>方框属性:(Box)</p><p>width:; height:; float:; clear:both; margin:; padding:; 顺序:上右下左</p><p>边框属性:(Border)</p><p>border-style: dotted(点线); dashed(虚线); solid(实线); double(双线); groove(槽线); ridge;(脊状) inset;(凹陷) outset;</p><p>border-width:; 边框宽度border-color:#;边框颜色</p><p>简写方法border:width style color;</p><p>列表属性:(List-style)</p><p>类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;</p><p>位置list-style-position: outside;(外) inside; 图像list-style-image: url(..);</p><p>定位属性:(Position)</p><p>Position: absolute; relative; static; visibility: inherit; visible; hidden; overflow: visible; hidden; scroll; auto; clip: rect(12px,auto,12px,auto) (裁切) css 属性代码大全</p><!--/p5--><!--p6--><p>一CSS文字属性:</p><p>color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/</p><p>font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/</p><p>font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/</p><p>line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/</p><p>vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/</p><p>text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/</p><p>text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/</p><p>text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/</p><p>text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/</p><p>text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/</p><p>text-align:justify; /*文字分散对齐*/ vertical-align属性</p><p>vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/</p><p>二、CSS边框空白</p><p>padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白*/</p><p>三、CSS符号属性:</p><p>list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/</p><p>list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/</p><p>list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/</p><p>list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/</p><p>list-style-type:square; /*实心方形符号*/ list-style-image:url(/dot.gif); /*图片式符号*/ list-style-position: outside; /*凸排*/ list-style-position:inside; /*缩进*/</p><p>四、CSS背景样式:</p><p>background-color:#F5E2EC; /*背景颜色*/</p><p>background:transparent; /*透视背景*/ background-image :</p><p>url(/image/bg.gif); /*背景图片*/</p><p>background-attachment : fixed; /*浮水印固定背景*/ background-repeat : repeat; /*重复排列-网页默认*/</p><p>background-repeat : no-repeat; /*不重复排列*/ background-repeat : repeat-x; /*在x轴重复排列*/</p><p>background-repeat : repeat-y; /*在y轴重复排列*/</p><p>指定背景位置</p><p>background-position : 90% 90%; /*背景图片x与y轴的位置*/ background-position : top; /*向上对齐*/</p><p>background-position : buttom; /*向下对齐*/ background-position : left; /*向左对齐*/</p><p>background-position : right; /*向右对齐*/ background-position : center; /*居中对齐*/</p><p>五、CSS连接属性:</p><p>a /*所有超链接*/</p><p>a:link /*超链接文字格式*/ a:visited /*浏览过的链接文字格式</p><!--/p6--><!--p7--><p>*/</p><p>a:active /*按下链接的格式*/ a:hover /*鼠标转到链接*/</p><p>鼠标光标样式:</p><p>链接手指CURSOR: hand 十字体cursor:crosshair</p><p>箭头朝下cursor:s-resize 十字箭头cursor:move</p><p>箭头朝右cursor:move 加一问号cursor:help</p><p>箭头朝左cursor:w-resize 箭头朝上cursor:n-resize</p><p>箭头朝右上cursor:ne-resize 箭头朝左上cursor:nw-resize</p><p>文字I型cursor:text 箭头斜右下cursor:se-resize</p><p>箭头斜左下cursor:sw-resize 漏斗cursor:wait</p><p>光标图案(IE6) p {cursor:url("光标文件名.cur"),text;}</p><p>六、CSS框线一览表:</p><p>border-top : 1px solid #6699cc; /*上框线*/ border-bottom : 1px solid</p><p>#6699cc; /*下框线*/</p><p>border-left : 1px solid #6699cc; /*左框线*/ border-right : 1px solid</p><p>#6699cc; /*右框线*/</p><p>以上是建议书写方式,但也可以使用常规的方式如下:</p><p>border-top-color : #369 /*设置上框线top颜色*/ border-top-width :1px /*设置上框线top宽度*/</p><p>border-top-style : solid/*设置上框线top样式*/</p><p>其他框线样式</p><p>solid /*实线框*/ dotted /*虚线框*/ double /*双线框*/ groove /*立体内凸框*/ ridge /*立体浮雕框*/ inset /*凹框*/ outset /*凸框*/</p><p>七、CSS表单运用:</p><p>八、CSS边界样式:</p><p>margin-top:10px; /*上边界*/ margin-right:10px; /*右边界值*/</p><p>margin-bottom:10px; /*下边界值*/ margin-left:10px; /*左边界值*/</p><p>CSS 属性:字体样式(Font Style)</p><p>序号中文说明标记语法</p><p>1 字体样式{font:font-style font-variant font-weight font-size font-family}</p><p>2 字体类型{font-family:"字体1","字体2","字体3",...}</p><p>3 字体大小{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}</p><p>4 字体风格{font-style:inherit|italic|normal|oblique}</p><p>5 字体粗细{font-weight:100-900|bold|bolder|lighter|normal;}</p><p>6 字体颜色{color:数值;}</p><p>7 阴影颜色{text-shadow:16位色值}</p><p>8 字体行高{line-height:数值|inherit|normal;}</p><p>9 字间距{letter-spacing:数值|inherit|normal}</p><p>10 单词间距{word-spacing:数值|inherit|normal}</p><p>11 字体变形{font-variant:inherit|normal|small-cps }</p><p>12 英文转换{text-transform:inherit|none|capitalize|uppercase|lowercase}</p><p>13 字体变形{font-size-adjust:inherit|none}</p><p>14 字体</p><p>{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|norma l| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}</p><!--/p7--><!--p8--><p>文本样式(Text Style)</p><p>序号中文说明标记语法</p><p>1 行间距{line-height:数值|inherit|normal;}</p><p>2 文本修饰{text-decoration:inherit|none|underline|overline|line-through|blink}</p><p>3 段首空格{text-indent:数值|inherit}</p><p>4 水平对齐{text-align:left|right|center|justify}</p><p>5 垂直对齐</p><p>{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}</p><p>6 书写方式{writing-mode:lr-tb|tb-rl}</p><p>背景样式</p><p>序号中文说明标记语法</p><p>1 背景颜色{background-color:数值}</p><p>2 背景图片{background-image: url(URL)|none}</p><p>3 背景重复{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}</p><p>4 背景固定{background-attachment:fixed|scroll}</p><p>5 背景定位{background-position:数值|top|bottom|left|right|center}</p><p>6 背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}</p><p>框架样式(Box Style)</p><p>序号中文说明标记语法</p><p>1 边界留白{margin:margin-top margin-right margin-bottom margin-left}</p><p>2 补白{padding:padding-top padding-right padding-bottom padding-left}</p><p>3 边框宽度{border-width:border-top-width border-right-width border-bottom-width border-left-width}</p><p>宽度值:thin|medium|thick|数值</p><p>4 边框颜色{border-color:数值数值数值数值} 数值:分别代表top、right、bottom、left颜色值</p><p>5 边框风格</p><p>{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}</p><p>6 边框{border:border-width border-style color}</p><p>上边框{border-top:border-top-width border-style color}</p><p>右边框{border-right:border-right-width border-style color}</p><p>下边框{border-bottom:border-bottom-width border-style color}</p><p>左边框{border-left:border-left-width border-style color}</p><p>7 宽度{width:长度|百分比| auto}</p><p>8 高度{height:数值|auto}</p><p>9 漂浮{float:left|right|none}</p><p>10 清除{clear:none|left|right|both}</p><p>分类列表</p><p>序号中文说明标记语法</p><p>1 控制显示{display:none|block|inline|list-item}</p><p>2 控制空白{white-space:normal|pre|nowarp}</p><p>3 符号列表</p><p>{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alp ha|none}</p><p>4 图形列表{list-style-image:URL}</p><p>5 位置列表{list-style-position:inside|outside}</p><!--/p8--><!--p9--><p>6 目录列表{list-style:目录样式类型|目录样式位置|url}</p><p>7 鼠标形状</p><p>{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize}</p><p>word-wrap是控制换行的。使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。break-word是控制是否断词的。normal 是默认情况,英文单词不被拆开。break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。keep-all,是指Chinese, Japanese, and Korean不断词。即只用此时,不用word-wrap,中文就不会换行了。(英文语句正常。)ie下:使用word-wrap:break-word;所有的都正常。ff下:如这2个都不用的话,中文不会出任何问题。英文语句也不会出问题。但是,长串英文会出问题。为了解决长串英文,一般用</p><p>word-wrap:break-word;word-break:break-all;。但是,此方式会导致,普通的英文语句中的单词会被断开(ie下也是)。目前主要的问题存在于长串英文和英文单词被断开。其实长串英文就是一个比较长的单词而已。即英文单词应不应该被断开那?那问题很明显了,显然不应该被断开了。对于长串英文,就是恶意的东西,自然不用去管了。但是,也要想些办法,不让它把容器撑大。用:overflow:auto; ie下,长串会自动折行。ff下,长串会被遮盖。所以,综上,最好的方式是word-wrap:break-word; overflow:hidden;而不是</p><p>word-wrap:break-word;word-break:break-all;。</p><!--/p9--><!--rset--><h2>HTML+CSS标签属性大全</h2><p>HTML CSS标签属性大全 a卷标, 属性名称, 简介 <! - - …- -> 批注 1、跑马灯 <marquee>…</marquee>普通卷动 <marquee behavior=slide>…</marquee>滑动 <marquee behavior=scroll>…</marquee>预设卷动 <marquee behavior=alternate>…</marquee>来回卷动 <marquee direction=down>…</marquee>向下卷动 <marquee direction=up>…</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>…</marquee>卷动次数 <marquee width=180>…</marquee>设定宽度 <marquee height=30>…</marquee>设定高度 <marquee bgcolor=FF0000>…</marquee>设定背景颜色 <marquee scrollamount=30>…</marquee>设定卷动距离 <marquee scrolldelay=300>…</marquee>设定卷动时间 2、字体效果 <h1>…</h1>标题字(最大) <h6>…</h6>标题字(最小) <b>…</b>粗体字 <strong>…</strong>粗体字(强调) <i>…</i>斜体字 <em>…</em>斜体字(强调) <dfn>…</dfn>斜体字(表示定义) <u>…</u>底线 <ins>…</ins>底线(表示插入文字) <strike>…</strike>横线 <s>…</s>删除线 <del>…</del>删除线(表示删除) <kbd>…</kbd>键盘文字 <tt>…</tt> 打字体 <xmp>…</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>…</plaintext>固定宽度字体(不执行标记符号) <listing>…</listing> 固定宽度小字体 <font color=00ff00>…</font>字体颜色 <font size=1>…</font>最小字体 <font style =font-size:100 px>…</font>无限增大 3、区断标记 <hr>水平线 <hr size=9>水平线(设定大小) <hr width=80%>水平线(设定宽度) <hr color=ff0000>水平线(设定颜色) <br>(换行) <nobr>…</nobr>水域(不换行)</p><h2>html标签大全</h2><p><html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题 <h1></h1> 最大的标题 <pre></pre> 预先格式化文本 <u></u> 下划线 <b></b> 黑体字 <i></i> 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体</p><p><em></em> 强调文本(通常是斜体加黑体) <strong></strong> 加重文本(通常是斜体加黑体) <font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大 <SMALL></SMALL> 字体缩小 <STRIKE></STRIKE> 加删除线 <CODE></CODE> 程式码 <KBD></KBD> 键盘字 <SAMP></SAMP> 范例 <VAR></VAR> 变量 <BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <DFN></DFN> 述语定义 <ADDRESS></ADDRESS> 地址标记 <sup></SUP> 上标字 <SUB></SUB> 下标字 <xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效) <plaintext>...</plaintext>固定寬度字體(不執行標記符號) <listing>...</listing> 固定寬度小字體 <font color=00ff00>...</font>字體顏色 <font size=1>...</font>最小字體 <font style ='font-size:100 px'>...</font>無限增大 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆ 创建一个段落 <p align=""> 将段落按左、中、右对齐</p><h2>html标签属性大全_免费</h2><p><!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) (同上效果略同) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线(设定颜色) <br>(换行)</p><h2>HTML代码属性对照表(非常全)</h2><p>html代码的所有代码属性 <!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) (同上效果略同) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =font-size:100 px>...</font>无限增大</p><h2>完整HTML5常用标签大全推荐文档</h2><p>// 定义文档类型。 // 定义 HTML 文档。 // 定义文档的标题。 // 定义文档的主体。 // 定义 HTML 标题。 // 定义段落。 // 定义简单的折行。 // 定义水平线。 // 定义注释。 // 定义只取首字母的缩写。 // 定义缩写。 // 定义文档作者或拥有者的联系信息。 // 定义粗体文本。 // 定义文本的文本方向,使其脱离其周围文本的方向设置。 // 定义文字方向。 // 定义大号文本。 // 定义长的引用。 // 不赞成使用。定义居中文本。 // 定义引用 (citation) 。 // 定义计算机代码文本。 // 定义被删除文本。 // 定义定义项目。 // 定义强调文本。 // 不赞成使用。定义文本的字体、尺寸和颜色 // 定义斜体文本。 // 定义被插入文本。 // 定义键盘文本。 // 定义有记号的文本。 // 定义预定义范围内的度量。 // 定义预格式文本。 // 定义任何类型的任务的进度。 // 定义短的引用。 // 定义若浏览器不支持 ruby 元素显示的内容。 // 定义 ruby 注释的解释。 // 定义 ruby 注释。 // 不赞成使用。定义加删除线的文本。 // 定义计算机代码样本。 // 定义小号文本。 // 不赞成使用。定义加删除线文本。 // 定义语气更为强烈的强调文本。 基 础 <!DOCTYPE> <html> <title> <body> <h1> to <h6> <br> <hr> 格 式 <acronym> <abbr> <address> <b> <bdi> <bdo> <big> <blockquote> <center> <cite> <code> <del> <dfn> <em> <font> <i> <ins> <kbd> <mark> <meter> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <small> <strike> <strong></p><h2>HTML标签以及各个标签属性大全(网页制作必备).</h2><p><NOBR> 取消换行和<br>相反 总类(所有HTML文件都有的) -------------------------------------------------------------------------------- 文件类型<HTML></HTML>(放在档案的开头与结尾) 文件主题<TITLE></TITLE>(必须放在「文头」区块内) 文头<HEAD></HEAD>(描述性资料,像是「主题」) 文体<BODY></BODY>(文件本体) 结构性定义(由浏览器控制的显示风格) -------------------------------------------------------------------------------- 标题<H?></H?>(?表示从1到6,有六层选择)数值越高字越小 标题对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>左对齐、居中对齐、右对齐 区分<DIV></DIV> 区分对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>左对齐、右对齐、居中对齐、两端对齐 引文区块<BLOCKQUOTE></BLOCKQUOTE>(通常会内缩) 斜体<EM></EM> 加粗<STRONG></STRONG> 引文<CITE></CITE>(通常会以斜体显示) 码<CODE></CODE>(显示原始码之用)</p><p>样本<SAMP></SAMP> 表示一段用户应该对其没有什么其他解释的文本。要从正常的上下文抽取这些字符时,通常要用到这个标签。 并不经常使用,只在要从正常上下文中将某些短字符序列提取出来,对其加以强调,才使用这个标签 键盘输入<KBD></KBD> 变数<VAR></VAR> 定义<DFN></DFN> (有些浏览器不提供) 地址<ADDRESS></ADDRESS> 3.0 大字<BIG></BIG> 3.0 小字<SMALL></SMALL> 与外观相关的标签(作者自订的表现方式) -------------------------------------------------------------------------------- 加粗<B></B> 斜体<I></I> 3.0 底线<U></U>(尚有些浏览器不提供) 3.0 删除线<S></S> (尚有些浏览器不提供) 3.0 下标<SUB></SUB> 3.0 上标<SUP></SUP> 打字机体<TT></TT>(用单空格字型显示)</p><h2>HTML中常用标记</h2><p>HTML常用标记 HTML页面基本结构标记 HTML页面的结构代码如下: <!DOCTYPE> <html> <head> <title>页面标题<title/> <head/> <body> 这里是页面内容部分 <body/> <html/> HTML常用标记 表内容的标记 1、文本标记 文本基础元素包括p,h1,h2,h3,h4,h5,h6等元素,主要用来容纳文本等内容。 1、:块元素,表示文本段落。 2、<span>:内联元素,用来区分文本中的一个部分。 3、标题元素:块元素,用来定义文本中的各种标题。h1,h2,h3,h4 ,h5,h6,其中每 个元素都对应有默认的字体样式其代码如下: <h1>一级标题</h1></p><p><h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 2、粗、斜体标记 1、<strong>:内联元素,文本以粗体显示。 2、<b>:内联元素,显示效果为文本加粗。 3、<em>:内联元素,文本以斜体显示。 4、<i>:内联元素,文本以斜体显示。 3、水平线、换行、注释标记 1、<br/>:内联元素,文本换行。 2、<hr/>:块级元素,横向实线。 3、:注释 4、图像、背景音乐、插入动画等标记 1、<img src=”xxx.gif”title=”xxx”alt=”xxx”>:内联元素,用来插入图像文 件。 src :用于指定图片文件所在的位置。 title/alt:用于指定一段文本信息,作为鼠标放在图像上的提示。 2、<bgsound/>:用来添加背景音乐。</p><h2>HTML5标签属性备忘大全</h2><p>一、文字备忘之标签 HTML5中新增的标签<article> 定义文章 <aside> 定义页面内容旁边的内容 <audio> 定义声音内容 <canvas> 定义图形 <command> 定义一个控制按钮 <datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉列表 <details> 定义一个元素的细节 <dialog> 定义会话或人的交谈 <embed> 定义额外的交互内容或插件 <figcaption> 定义指定元素的标题 <figure> 定义一组媒体内容,以及他们的标题 <footer> 为章节或页面定义一个底部 <header> 为章节或页面定义一个头部 <hgroup> 定义文档中某段落的信息 <keygen> 定义表单生成的关键 <mark> 定义被标记的文本 <meter> 定义预定义范围内的测量 <nav> 定义导航链接 <output> 定义某种类型的输出 <progress> 定义任意种类任务的进程 <rp> 定义浏览器不支持ruby元素的替代者 <rt> 定义ruby注释的解释 <ruby> 定义ruby 注释(中文注音或字符)。 <section> 定义章节 <source> 定义媒体资源 <summary> 定义某”detail”元素的头部 <time> 定义日期/时间 <video> 定义视频 <wbr> 定义可能的换行 HTML5支持且同时存在于HTML4中的标签<!–…–> 定义注释<!DOCTYPE> 定义文档类型 <a> 定义超链接 <abbr> 定义缩写 <address> 定义地址元素 <area> 定义图片地图的某区域 <b> 定义加粗文字 <base> 定义整个页面的基础URL <bdo> 定义文本显示的方向 <blockquote> 定义一个长引用</p><h2>html标签以及属性大全</h2><p><marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) (同上效果略同) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线(设定颜色) <br>(换行) <nobr>...</nobr>水域(不换行)</p><h2>html标签属性大全总结</h2><p>html标签属性大全 html标签属性大全是朋友们整理常用的html标签,和大家更好的交流沟通。学习html标签属性大全html标签< <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动 <marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) (同上效果略同) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线</p><h2>html标记语言常用标记大全</h2><p>html标记语言常用标记大全2009-10-14 16:30 HTML标记一览,后有详解</p><p>HTML里,比较基础的标签主要用于标题,段落和分行。</p><p>学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。 copyright dedecms 试试看吧! 示例:一个非常简单的HTML文件本文来自织梦 <html> <body> 这是一个非常简单的HTML。 </body> </html> 织梦内容管理系统 这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML 文件的标签。通过这个例子,你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。 织梦好,好织梦 示例:简单的段落 内容来自dedecms <html> <body> copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里,用p来定义段落。 织梦好,好织梦 </body> </html> 织梦好,好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统</p><p>正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用<h1>到<h6>这几个标签来定义正文标题,从大到小。每个正文标题自成一段。 copyright dedecms <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用<br>这个标签,可以在不新建段落的情况下换行。<br>没有Closing Tag。 内容来自dedecms 用换行是个坏习惯,正确的是使用<br>。 copyright dedecms This <br> is a para<br>graph with line breaks 织梦内容管理系统 HTML注释 在HTML文件里,你可以写代码注释,解释说明你的代码,这样有助于你和他人</p><h2>HTML期末复习试题及参考答案</h2><p>HTML期末复习题(含答案) 第1题判断正误 (1)HTML标记符的属性一般不区分大小写。(对) (2)网站就是一个链接的页面集合。(对) (3)将网页上传到Internet时通常采用FTP方式。(对) (4)所有的HTML标记符都包括开始标记符和结束标记符。(错) (5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。 (6)B标记符表示用粗体显示所包括的文字。(对) (7)GIF格式的图象最多可以显示256种颜色。(对) (8)HTML表格在默认情况下有边框。(错) (9)创建图象映射时,理论上可以指定任何形状作为热点。(对) (10)指定滚动字幕时,不允许其中嵌入图象。(错) 1.使用FONT 标记符的size 属性可以指定字体的大小。( ) 2.网站就是一个链接的页面集合。( ) 3.GIF格式的图象最多可以显示1024种颜色。( ) 4.制作图像映射只需要使用<AREA> 标记符。( ) 5.在HTML表格中,表格的列数等于第一行中TH与TD的colspan属性的和。 ( ) 6.在HTML表格中,在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。( ) 7.指定滚动字幕时,不允许其中嵌入图象。( ) 8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。( ) 9. CSS中的color属性用于设置HTML元素的背景颜色。( ) 10.CSS样式表项的组成格式为:selector{property1:value1, property2:value2, ……} ( ) 1. T 2. T 3. F 4. F 5. F 6. T 7. F 8. T 9. F 10. F 第2题单选题(20分) (1)WWW是的意思。答案:B A.网页B.万维网C.浏览器D.超文本传输协议</p><h2>HTML属性标签大全</h2><p>?跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动 <marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 ?字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小)</p><h2>前端 html 标签</h2><p>基础 标签描述 <!DOCTYPE>定义文档类型。 <html>定义HTML 文档。 <title>定义文档的标题。 <body>定义文档的主体。 <h1> to <h6>定义HTML 标题。 定义段落。 <br>定义简单的折行。 <hr>定义水平线。 定义注释。 格式 标签描述 <acronym>定义只取首字母的缩写。 <abbr>定义缩写。 <address>定义文档作者或拥有者的联系信息。 <b>定义粗体文本。 <bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。<bdo>定义文字方向。 <big>定义大号文本。 <blockquote>定义长的引用。 <center>不赞成使用。定义居中文本。 <cite>定义引用(citation)。 <code>定义计算机代码文本。 <del>定义被删除文本。 <dfn>定义定义项目。 <em>定义强调文本。</p><p><font>不赞成使用。定义文本的字体、尺寸和颜色<i>定义斜体文本。 <ins>定义被插入文本。 <kbd>定义键盘文本。 <mark>定义有记号的文本。 <meter>定义预定义范围内的度量。 <pre>定义预格式文本。 <progress>定义任何类型的任务的进度。 <q>定义短的引用。 <rp>定义若浏览器不支持ruby 元素显示的内容。<rt>定义ruby 注释的解释。 <ruby>定义ruby 注释。 <s>不赞成使用。定义加删除线的文本。 <samp>定义计算机代码样本。 <small>定义小号文本。 <strike>不赞成使用。定义加删除线文本。 <strong>定义语气更为强烈的强调文本。 <sup>定义上标文本。 <sub>定义下标文本。 <time>定义日期/时间。 <tt>定义打字机文本。 <u>不赞成使用。定义下划线文本。 <var>定义文本的变量部分。 <wbr>定义视频。</p><h2>HTML基本结构标签</h2><p>基本结构标签: <HTML>,表示该文件为HTML文件</HTML>,<HTML>的结束标志 <HEAD>,包含文件的标题,使用的脚本,样式定义等</HEAD>,<HEAD>的结束标志 <TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中 <BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </BODY>,<BODY>的结束标志 其它主要标签 以下所有标志用在<BODY></BODY>中: <A,HREF="…"></A>,链接标志,"…"为链接的文件地址<IMG,SRC="…">,显示图片标志,"…"为图片的地址 <BR>,换行标志<P>,分段标志<B></B>,采用黑体字<I></I>,采用斜体字<HR>,水平画线<FONT></FONT>,字体样式标志 <TABLE></TABLE>,定义表格,HTML中重要的标志 <TR></TR>,定义表格的行,用在<TABLE></TABLE>中<TD></TD>,定义表格的单元格,用在<TR></TR>中 属性: 属性是用来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: <BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色; <TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色. 常用属性: 对齐属性,范围属性:,色彩属性: ALIGN=LEFT,左对齐(缺省值), ALIGN=CENTER,居中,ALIGN=RIGHT,右对齐<center>表示绝对居中. WIDTH=象素值或百分比,对象宽度. HEIGHT=象素值或百分比,对象高度. COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. <table></table>表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址,定义表格背景图 <tr></tr>表格中一个表格行的开始和结束; <td></td>表格中行内一个单元格的开始和结束 属性: Colspan="",单元格跨越多列; Rowspan="",单元格跨越多行; Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="" ; Border="",边框宽度; Bgcolor="",背景色; Bordercolor="",边框颜色; Bordercolorlight="",边框明亮面的颜色; Bordercolordark="",边框暗淡面的颜色; Cellpadding="",内容与边框的距离(默认为2); Cellspacing="",单元格间的距离(默认为2); <br>强制换行 <font></font>文本标识的开始和结束 属性: face=字体color=颜色 <b></b>加粗文字标识的开始和结束 属性: style=font-size:40pt;,用样式表方式控制字体大小,这里是40点 <div></div>,分区标识的开始和结束 属性: align=|center|left|right|水平对齐方式 <marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动 属性: scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒 <P>段落标识, 空格符, <img>贴图标识 属性: src=../../图片链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2); filter:样式表滤镜; Alpha:透明滤镜, opacity:不透明度100(0~100); style:样式2(0~3), rules="none"不显示内框" <embed,src="…">多媒体文件标识 属性: SRC="../../FILENAME", 设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频. AUTOSTART=TRUE/FALSE,是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.</p><h2>常见html标签和css属性</h2><p>------------------HTML常见标签-------------- <html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息 <title></title> 设置文档的标题 <h1></h1> 最大的标题 <pre></pre> 预先格式化文本 <u></u> 下划线 <b></b> 黑体字 <i></i> 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体 <em></em> 强调文本(通常是斜体加黑体) <strong></strong> 加重文本(通常是斜体加黑体) <font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值 <BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大 <SMALL></SMALL> 字体缩小 <STRIKE></STRIKE> 加删除线 <CODE></CODE> 程式码 <KBD></KBD> 键盘字 <SAMP></SAMP> 范例 <VAR></VAR> 变量 <BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <DFN></DFN> 述语定义 <ADDRESS></ADDRESS> 地址标记 <sup></SUP> 上标字 <SUB></SUB> 下标字 <xmp>...</xmp>固定宽度字体(在文件中空白、換行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style ='font-size:100 px'>...</font>无限增大 ------------------------格式标志------------------- 创建一个段落 <p align=""> 将段落按左、中、右对齐 <br>换行插入一个回车换行符 <blockquote></blockquote> 从两边缩进文本 <dl></dl> 定义列表 <dt> 放在每个定义术语词前 <dd> 放在每个定义之前 <ol></ol> 创建一个标有数字的列表 <ul></ul> 创建一个标有圆点的列表</p><h2>HTML5常用标签大全</h2><p>基础 <!DOCTYPE> //定义文档类型。 <html> //定义HTML 文档。 <title> //定义文档的标题。 <body> //定义文档的主体。 <h1> to <h6> //定义HTML 标题。 //定义段落。 <br> //定义简单的折行。 <hr> //定义水平线。 //定义注释。 格式 <acronym> //定义只取首字母的缩写。 <abbr> //定义缩写。 <address> //定义文档作者或拥有者的联系信息。 <b> //定义粗体文本。 <bdi> //定义文本的文本方向,使其脱离其周围文本的方向设置。<bdo> //定义文字方向。 <big> //定义大号文本。 <blockquote> //定义长的引用。 <center> //不赞成使用。定义居中文本。 <cite> //定义引用(citation)。 <code> //定义计算机代码文本。 <del> //定义被删除文本。 <dfn> //定义定义项目。 <em> //定义强调文本。 <font> //不赞成使用。定义文本的字体、尺寸和颜色 <i> //定义斜体文本。 <ins> //定义被插入文本。 <kbd> //定义键盘文本。 <mark> //定义有记号的文本。 <meter> //定义预定义范围内的度量。 <pre> //定义预格式文本。 <progress> //定义任何类型的任务的进度。 <q> //定义短的引用。 <rp> //定义若浏览器不支持ruby 元素显示的内容。 <rt> //定义ruby 注释的解释。 <ruby> //定义ruby 注释。 <s> //不赞成使用。定义加删除线的文本。 <samp> //定义计算机代码样本。 <small> //定义小号文本。 <strike> //不赞成使用。定义加删除线文本。 <strong> //定义语气更为强烈的强调文本。</p><h2>HTML标签及属性大全(很全哦)</h2><p>HTML语言基本标签: 创建一个HTML文档 <html></html> 设置文档标题以及其他不在WEB网页上显示的信息 <head></head> 设置文档的可见部分 <body></body> 标题标签 将文档的题目放在标题栏中 <title></title> 文档整体属性 设置背景颜色,使用名字或十六进制值 <body bgcolor=?> 设置文本文字颜色,使用名字或十六进制值 <body text=?> 设置链接颜色,使用名字或十六进制值 <body link=?> 设置已使用的链接的颜色,使用名字或十六进制值 <body vlink=?> 设置正在被击中的链接的颜色,使用名字或十六进制值 <body alink=?> 文本标签 创建预格式化文本 <pre></pre> 创建最大的标题 <h1></h1> 创建最小的标题 <h6></h6> 创建黑体字 <b></b> 创建斜体字 <i></i> 创建打字机风格的字体 <tt></tt> 创建一个引用,通常是斜体 <cite></cite> 加重一个单词(通常是斜体加黑体) <em></em> 加重一个单词(通常是斜体加黑体) <strong></strong></p><p>设置字体大小,从1到7 <font size=?></font> 设置字体的颜色,使用名字或十六进制值 <font color=?></font> 链接 创建一个超链接 <a href="URL"></a> 创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a> 创建一个位于文档内部的靶位 <a name="NAME"></a> 创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a> 格式排版 创建一个新的段落 将段落按左、中、右对齐 <p align=?> 插入一个回车换行符 <br> 从两边缩进文本 <blockquote> </blockquote> 创建一个定义列表 <dl></dl> 放在每个定义术语词之前 <dt> 放在每个定义之前 <dd> 创建一个标有数字的列表 <ol></ol> 放在每个数字列表项之前,并加上一个数字 <li> 创建一个标有圆点的列表 <ul></ul> 放在每个圆点列表项之前,并加上一个圆点 <li> 一个用来排版大块HTML段落的标签,也用于格式化表 <div align=?> 图形元素</p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="22818330"><a href="/topic/22818330/" target="_blank">html标签属性大全</a></li> <li id="5807459"><a href="/topic/5807459/" target="_blank">html标签及属性大全</a></li> <li id="1411686"><a href="/topic/1411686/" target="_blank">html标签属性</a></li> <li id="22823995"><a href="/topic/22823995/" target="_blank">html标签大全</a></li> <li id="9552017"><a href="/topic/9552017/" target="_blank">html标签及属性</a></li> <li id="3391197"><a href="/topic/3391197/" target="_blank">html常用标签</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/a816404849.html" target="_blank">HTML 常用标签属性汇总</a></li> <li><a href="/doc/cd6223969.html" target="_blank">常用HTML、CSS标签属性.doc</a></li> <li><a href="/doc/ed10035502.html" target="_blank">html标签属性大全</a></li> <li><a href="/doc/0917063737.html" target="_blank">HTML+CSS标签属性大全</a></li> <li><a href="/doc/5618601493.html" target="_blank">html标签大全模板</a></li> <li><a href="/doc/868696588.html" target="_blank">html标签属性大全</a></li> <li><a href="/doc/b93762935.html" target="_blank">HTML标签对应英文全称及中文翻译</a></li> <li><a href="/doc/de3640991.html" target="_blank">html标签大全</a></li> <li><a href="/doc/f210760275.html" target="_blank">HTML标签分类及其属性</a></li> <li><a href="/doc/1b5758774.html" target="_blank">HTML标签以及各个标签属性大全(网页制作必备).</a></li> <li><a href="/doc/6816644988.html" target="_blank">HTML标签以及各个标签属性大全(网页制作必备)</a></li> <li><a href="/doc/ae11513290.html" target="_blank">html所有标签常用属性</a></li> <li><a href="/doc/c22126267.html" target="_blank">HTML+CSS标签属性大全</a></li> <li><a href="/doc/d412749053.html" target="_blank">html标签属性大全(完美版) 修改01</a></li> <li><a href="/doc/0814872744.html" target="_blank">html标签大全</a></li> <li><a href="/doc/5a14551269.html" target="_blank">HTML5标签大全(最终整理版)</a></li> <li><a href="/doc/8d7870350.html" target="_blank">HTML标签分类及其属性</a></li> <li><a href="/doc/a917449097.html" target="_blank">html标签属性大全</a></li> <li><a href="/doc/cf17923931.html" target="_blank">完整word版,HTML5标签属性备忘大全</a></li> <li><a href="/doc/f37325658.html" target="_blank">html标签及属性大全</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "c1c3cc2fbcd5b9f3f90f76c66137ee06eef94e59"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a>&nbsp;<a href="/tousu.html" target="_blank">侵权投诉</a> &nbsp;&copy;2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>