标记及属性
一、通用标签及属性
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>显示效果都会在最上面一行