ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

对css标签的总结

2021-11-28 15:32:39  阅读:128  来源: 互联网

标签:总结 定义 标签 单元格 列表 文本 链接 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>

标签:总结,定义,标签,单元格,列表,文本,链接,css
来源: https://blog.csdn.net/qq_63987542/article/details/121592141

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有