首页 > 代码库 > html一般标签、常用标签、表格

html一般标签、常用标签、表格

body的属性:

bgcolor               页面背景色

text                    文字颜色

topmargin            上边距

leftmargin            左边距

rightmargin          右边距

bottomargin         下页边距

background          背景壁纸

一般标签:

字体格式控制标签

<font face="楷体" size="+3" color="#FF0000">你好</font>

技术分享

face是字体,size是字体大小,color是字体颜色
<br/>换行 shift+enter

<b>文字加粗方式1,b标签</b><br />
<strong>文字加粗方式2,strong标签</strong><br />
<i>文字倾斜方式1,i标签</i><br />
<em>文字倾斜方式2,em标签</em><br />
<u>文字加下划线,u标签</u>
<center>你好</center>

center居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后居中显示。

&nbsp;    表示空格

 

内容容器标签;

<h1></h1><h2></h2>....<h6></h6>

h1-h6标签,标题控制标签,重要性依次减弱,默认前后若有其他执行前后换行,并且空开一行,根据所在区域默认文字大小执行增加几个尺寸或减去几个尺寸。

<div></div> 层标签,默认一上来就占用一行

<span></span> 层标签,默认使用多少就占用多少

<p></p>段落标签,默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

 

<ol>

<li></li>

<li></li>

<li></li>

</ol>

ol有序列表,自带序号,自动换行,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

<ol>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
</ol>

技术分享

 

<ul>

<li></li>

<li></li>

</ul>

ul无序列表,不自带序号,自动换行,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

<ul>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
</ul>

技术分享

常用标签

超链接标签:

<a  href="http://www.mamicode.com/超链接地址"  target="_blank">超链接的文字</a>   _blank是在新的窗口打开

<a href=http://www.mamicode.com/"http://www.baidu.com" target="_blank">百度</a>

技术分享

 

图片标签:

<img src="http://www.mamicode.com/图片地址" alt="文字"  title="文字"  width=""  height="" /> 高跟宽设一个即可,显示图片会按比例缩放,alt在图片无法加载时显示文字,title鼠标移上显示文本。

<img src=http://www.mamicode.com/"file:///C|/Users/hh/Pictures/Camera Roll/IMG_20150715_104103.jpg" width="120" title="大佛" alt="大佛" />

技术分享

在图片上设置超链接:

<a href=http://www.mamicode.com/"http://360.com" target="_blank"><img src=http://www.mamicode.com/"../../../../Pictures/u=3048444218,3000800005&fm=21&gp=0.jpg" width="120"/ title="爱心"></a>

<a  href="http://www.mamicode.com/超链接地址"  target="_blank"><img src="http://www.mamicode.com/图片地址" alt="文字"  title="文字"  width=""  height="" /></a>

 

 

表格

<table></table>

width:宽度,可以用像素或百分比表示。

height:高度

border:边框,常设为0

cellpadding:内容跟单元格边框的边距,常设为0

cellspacing:单元格之间的间距,常设为0

align:对齐方式

bgcolor:背景色

background:背景图片

 

<tr></tr>行

align:水平对齐方式

valign:一行内容的垂直对齐方式

height:行高

bgcolor:背景色

background:背景图片

 

<td></td>单元格

align:单元格内容的水平对齐方式

valign:单元格内容的垂直对齐方式

width:单元格的宽度

height:单元格的高度

bgcolor:背景色

background:背景图片

 

html一般标签、常用标签、表格