• 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  文字缩进

  • 相关阅读:
    CSS font 复合属性的顺序
    HTML元素的offsetWidht、clientWidth、scrollWidth属性区别
    javascript document.compatMode属性
    IE下Array.prototype.slice.call(params,0)
    JavaScript中的apply()方法和call()方法使用介绍
    字符串与数组转换
    好的网站链接
    [转]走向视网膜(Retina)的Web时代
    如何对一个公司的供应链管理进行数据分析?
    Hadoop生态上几个技术的关系与区别:hive、pig、hbase 关系与区别
  • 原文地址:https://www.cnblogs.com/phpnow/p/2514385.html
Copyright © 2020-2023  润新知