首页 > 代码库 > HTML常用标签

HTML常用标签

双标签:


HTML的整体结构
<title> </title>
<em></em> 标记
<body bgcolor="blue" text="white" topmargin=value leftmargin/ rightmargin/bottomnargin></body> 主体部分
bgcolor:页面背景
topmargin=value 不同属性值来设置显示内容与阅览器的距离
text:设置正文颜色


文字与段落
<!-- 注释语句-->
<comment>注释语句</comment>
<strike>删除线的文字</strike>
特殊符号: & :&amp 金钱符号:&yen   权限:&copy 空格:&nbsp
<font face="楷体" size="6" color="#00ffff">实用效果后的文字</font>
<ruby> 文字标注标记
文字
<rt>
文字
</rt>
</ruby>
<b>加粗文字</b>
<i>斜体文字</i>
<u>添加下划线文字</u>
<sup>上标内容</sup>
<sub>下标内容</sub>
<address>文字或电子邮箱等地址</address>
<p></p> 段落标签
<br> 回车
<pre></pre> 预格式化
<center>内容</center> 居中显示文字
<blockquote>设置段落缩进</blockquote>
<xmp>内容忽略html标记</xmp>
<hr size=3 align=left width="75%" color=""> 插入水平线

 

建立和使用列表
列表类型:
定义列表:dl
<dl>
<dt>名称
<dd>说明
<dt>名称
<dd>说明
<dd>说明
</dl>

无序列表:ul
<ul>
<li></li>
<li></li>
</ul>

目录列表:dir
<dir>
<li></li>
<li></li>
</dir>
菜单列表:menu
<menu>
<li>
<li>
</menu>
有序列表:ol
<ol>
<li></li>
<li></li>
</ol>

 

超链接
<a href="http://www.mamicode.com/URL">链接内容</a>
<img src="http://www.mamicode.com/URL" width="" height="" border="0" usemap="#Map"></img>
<map name="Map">
<area shape="rect矩形/circle椭圆/poly多边形" coords=" , , , " href="http://www.mamicode.com/URL">
coords表示感应区域的坐标
</map>

 

表格的应用
<table width="" height="" border=1 bordercolor="" align="center" frame="" rules="" cellspacing="0" cellpadding="0"> 表格 cellspaceing设置单元格间距 cellpadding 设置单元格边距
<caption>插入表格标题</caption>
<tr>
<th> 表格表头 例:</th>
<th> 程序设计 </th>
</tr>
<thead>
<tr> 插入一行
<td align="center" valign="middle">&nbsp;</td> 插入一列
<td>&nbsp</td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2" colspan="2"></td> rowspan设置跨行 colspan设置跨列
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
</tr>
</tfoot>
</table>

 

层的应用
<div id="Layerl" style="position:absolute; left:29px; z-index:1; top:12px; width:165px; height:104px; layer-backgroud-color:#666666; border:1px none #000000; visibility: inherit; clip: rect(auto auto auto 41); " > id:定义层的标记/名称 style:定义层的样式:position:absolute绝对的定位 layer-backgroud-color:层的背景颜色 z-index层叠

</div>

 

单标签:
HTML的整体结构

<img src="" width="625px" height="" > 插入图片
<base href="http://www.mamicode.com/文件路径" target="目标窗口"> 设置基地网址 注:只能有一个并且放在头部文件中
<basefont face="宋体" size="2h" color=""> 基准文字 当网页中文字没有定义样式时,就会套用基准文字
<meta http-equiv="expires" name="keywords" content="计算机,英语,数学,语文">
keywords:页面关键字 expires:页面过期时间
注意:在代码中,不区分大小写。

文字与段落

HTML常用标签