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居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后居中显示。
表示空格
内容容器标签;
<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="超链接地址" target="_blank">超链接的文字</a> _blank是在新的窗口打开
<a href="http://www.baidu.com" target="_blank">百度</a>
图片标签:
<img src="图片地址" alt="文字" title="文字" width="" height="" /> 高跟宽设一个即可,显示图片会按比例缩放,alt在图片无法加载时显示文字,title鼠标移上显示文本。
<img src="file:///C|/Users/hh/Pictures/Camera Roll/IMG_20150715_104103.jpg" width="120" title="大佛" alt="大佛" />
在图片上设置超链接:
<a href="http://360.com" target="_blank"><img src="../../../../Pictures/u=3048444218,3000800005&fm=21&gp=0.jpg" width="120"/ title="爱心"></a>
<a href="超链接地址" target="_blank"><img src="图片地址" 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:背景图片