首页 > 代码库 > 标记及属性
标记及属性
标记及属性
一、通用标签及属性
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="http://www.mamicode.com/#D1"> 跳转到D1</a>
< a href="http://www.mamicode.com/#"> 跳转到定点</a> （#这里表示定点）
2.<img/>导入图片（单标签）
属性：width 宽度；height 高度；title 图片的标题，鼠标放上显示；alt 坏图显示名字
例如：<img src="http://www.mamicode.com/图片" width="100px" height="100px" alt="坏图显示名字" title="图片的标题，鼠标放上显示"/>
图片超级链接：<a href="http://网址">
<img src="http://www.mamicode.com/图片" 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>显示效果都会在最上面一行
标记及属性