标题相关的属性
1.标题大小:<h1></h1> <h2></h2>....<h6></h6>
2.标题位置:align:lett(左对齐),right(右对齐),center(中间对齐)
3.字体设置可以使用font标记,<font face = "宋体">字体</font>
4.文字格式
<body>
<i>斜体</i><em>斜体</em><cite>斜体</cite><big>加大一级字号</big>
<small>减小一级字号</small>
<b>X</b><sup>2</sup>
<b>Y</b><sub>1</sub>
</body>
段落相关的属性
1.段落,分割线
<body>
<p>这是一个段落,下面是分割线,去掉阴影部分</p>
<hr size ="8" noshade/>
<p>可以设置分割线的宽度,对齐位置,左对齐,右对齐,默认居中</p>
<hr width ="140" align="right" />
</body>
2.
无序列表
<body>
<ul type="disk">
<li>实心圆</li>
<li>2</li>
<li>3</li>
</ul>
<ul type="circle">
<li>空心圆</li>
<li>2</li>
<li>3</li>
</ul>
<ul type="square">
<li type="square">方块</li>
<li>2</li>
<li>3</li>
</ul>
</body>
3.有序列表
<body>
<ol type="a">
<li>方块</li>
<li>2</li>
<li>3</li>
</ol>
<ol type="A">
<li>方块</li>
<li>2</li>
<li>3</li>
</ol>
<ol type="1" start="5">
<li>方块</li>
<li value="5">自定义这行的编号</li>
<li>3</li>
</ol>
<ol type="I">
<li>方块</li>
<li>2</li>
<li>3</li>
</ol>
</body>
图片的相关属性
<img src="11.jpg" alt="这是一个图片" title="玄停设置" >
有时候图片由于其他原因加载不出来,这时可以让加载文字。这样做优化搜索引擎。比如:百度
》,这两个alt,title要一起使用,便于不同的浏览器要使用。
<img src="图片名.jpg" border="3">
图片边框设置,在一些浏览器图片会出现蓝色的边框,IE浏览器,给border设置为0.
<a href="index.html"> <img src="11.jpg"/> </a>
图片作为a连接
表格的相关属性
<td> <tr> 通过valign 属性实现,top,middle,bottom
colspan,rowspan合并单元格
cellpadding设置内容到单元格边线距离,cellspacing设置单元格到单元格的距离
bgcolor 和 background-color设置颜色
background 设置背景图像
表格添加标题<table> <caption>季度收入</caption> </table>
<td nowrap> 文本内容 </td> ,这个是禁止换行
前端框架设计
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<frameset cols="30%,*">
<frame src="frame1.html" >
<frame src="frame2.html" >
</frameset>
</html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<frameset cols="30%,*">
<frame src="frame1.html" >
<frame src="frame2.html" >
</frameset>
</html>
rows 设置上下宽度
当浏览器不支持这种框架的时候,用 <noframes> 控制显示的内容。