zoukankan      html  css  js  c++  java
  • 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  文字缩进

  • 相关阅读:
    源码分析清楚 AbstractQueuedSynchronizer
    Java 并发队列 BlockingQueue
    ReentrantLock以及AQS实现原理
    Java并发之Condition
    Java线程的6种状态及切换
    同步工具类
    Java 并发实践 — ConcurrentHashMap 与 CAS
    Java7/8 中的 HashMap 和 ConcurrentHashMap
    java HashMap、HashTable、ConcurrentHashMap区别
    Mysql的复制原理以及流程
  • 原文地址:https://www.cnblogs.com/phpnow/p/2514385.html
Copyright © 2011-2022 走看看