html实战篇1

<html>

   <head>

    <meta http-equiv="content-Type" content="text/html; charset=utf-8" />

     < title> 标题</title>

     </heda>

  <body bgcolor="">

   <table>

    <tr> <td> </td> </tr>

    </table>

   </body>

</html>

bgcolor=“” 定义表格的背景颜色

width=""定义表格宽度

border="" 定义表格边线框宽度

align=""  对齐方式

cellpadding="" 单元格边距(表格填充)

cellspacing=""单元格间距(表格间距)

<table width="480" border="0" cellpadding="0" cellspacing="0" style="font-family:Arial,Verdana; font-size:11px; color:#787878;text-align:right; padding-right:10px;">

定义表格属性

style="" 定义式样

font-family:Arial,Verdana; 定义字体类型

font-size:11px;  定义字体大小

color:#787878;  定义颜色

text-align:right;  文字对齐方式

padding-right:10px; 属性设置元素的右内边距

padding-left:12px;

padding-top:5px;

padding-bottom:10px;

<td height="20" ellspacing="0" cellpadding= "0" style="border-bottom:1px solid #d5d5d5;" >

border-bottom:1px   属性在一个声明中为下边框设置所有的属性。

在CSS样式中,意思是:
底边框:大小1PX 实线 颜色#ED9F9F
参考:
border-top
border-right
border-left
也可以这么写:
border: 1px solid #ED9F9F;
border- 0 0 1px 0;

<span style="color:#0039a2">    </span>

 表示了内联行,并无实际的意义,主要通过CSS样式(style)为其赋予不同的表现.

 <a target="_blank" href="网址"  title="XXXX" ><img alt="XXXX" src="图片网址" width="266" height="63" border="0" style="display:block"></a>

a链接对象默认状态下是一个普通文本——内联对象,这样就没有办法使得a链接对象能够像一个方块状按钮一样去运作,使用display:block之后,a链接对象将能够像div和其它元素一样成为一个块状对象(block),就可以使用css外边距、内边距等属性给a链接标签加上一系列的样式了。

通过display:block,将a也变成了块状对象。

valign="bottom"   垂直底部对齐

<table width="374" border="0" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #940001; border-top:1px solid #940001;">

定义表格的上下边的属性

<a target="_blank" href="网址" title="Home" style="color:#ffffff; font-weight:bold; font-family:Verdana; font-size:12px; text-decoration:none ">

font-weight:bold; 字体加粗显示

textDecoration 属性对文本进行修饰

语法:

Object.style.textDecoration=none|underline|overline|line-through|blink

可能的值

lineHeight 属性设置行之间的距离(行高)。

line-height:20px;

<strong> </strong> 用于强调文本

text-indent:24px  文字缩进

原文地址:https://www.cnblogs.com/phpnow/p/2514385.html