对css标签的总结

空元素:<br/>(表示换行) <hr/>(用于分割内容,创建水平线)

<!DOCTYPE HTML>

<html>

<head>

<title></title>(网页上方显示的标题)

</head>

<body>

<h1></h1>(h1-h6为标题标签)

<p></p>(p为段落标签)

<font color="red">内容</font>(可用此标签来改变内容的属性 如现在将内容改为红色)

<a href="网址"></a>(该标签用于定义链接)

<img src="文件名" alt=" " width=" " height=" "></img>(用于定义图像)

(替换文本属性alt的值是用户定义的。 <img src="boat.gif" alt="Big Boat"> 在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。)

</body>

</html>

<b></b>(定义粗体文字,与<strong></strong>标签显示出来的形式相同)

<i></i>(定义斜体字,与<em></em>标签显示出来的形式相同)

<big></big>(定义大号字,与small正好相反)

<sub></sub>(定义下标字)

<sup></sup>(定义上标字)

<del></del>(定义删除字)

<ins></ins>(定义插入字)

*#<code></code> (定义计算机代码 ) *#<kbd><kbd>(定义键盘码) #<samp></samp>( 定义计算机代码样本) #<var> </var>(定义变量) <pre></pre>(定义预格式文本)

<abbr></abbr>(定义缩写)

<acronym></acronym>(定义大写的缩写) <address></address>(定义地址) <bdo></bdo>(定义文字方向)

<blockquote></blockquote>(定义长的引用) <q></q>(定义短的引用语)

#<cite></cite>(定义引用、引证) #<dfn></dfn>(定义一个定义项目)

<script>document.write("hello world!")</script>(定义类客户端的脚本文件,虽然属于<head>中的子标签,但常在<body>标签中被使用)

<noscript></noscript>(当浏览器不支持<script>时,会输出<noscript>中的文本)

制作表格时:<table border=" ">

<tr>

<th>表头</th>

<td>数据</td>

</tr>

</table>

<ol></ol>(用于有序列表)

<ul></ul>(用于无序列表)(列表里用<li></li>)

<dl></dl>(自定义列表)

<dl>

<dt>列表项</dt>

<dd>列表项的定义</dd>

</dl>

单元格跨两列<th colspan=" "></th>

单元格跨两行<th rowspan=" "></th>

改变单元格边距,<table border="1" cellpadding="10">

单元格间距(单元格之间的距离):用cellspacing

<div style=" "></div>(id一般与<div>共同使用,id是自己命名的)

<span style=" "></span>

<iframe src=" " width=" " frameborder=" "></iframe>

文本居中:<h1 style="text-align:center"></h1>

两框架之间的距离:style="margin-bottom:0;"

左外边距:style="margin-left:20px;"

向左浮动:style="float:left;"

在一个框架中,令文字置顶<td style="vertical-align:top;">

clear:both 在css里是清除左右两边浮动的意思, <div style="clear:both"></div>,这样才能清除掉前面 DIV盒子浮动带来的影响。

普通的链接:<a href="Example Domain">链接文本</a>

图像链接: <a href="Example Domain"><img src="URL" alt="替换文本"></a>

*邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>

*书签: <a id="tips">提示部分</a> <a href="#tips">跳到提示部分</a>

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值