zoukankan      html  css  js  c++  java
  • Chapter 1. HTML---标签、表格

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>HTML</title>
    </head>
    
    <body bgcolor="#FFCCFF" topmargin="100" leftmargin="100" text="#0066FF">
    <a name="top"></a>今天&nbsp;&nbsp;&nbsp;&nbsp;天气 不错,还得上课!<br />
    <br />
    
    <font color="#000000" size="+1">
    
    格式控制标签:<br />
    <b> 文字加粗方式1:b标签</b><br />
    <strong>文字加粗方式2:strong标签</strong><br />
    <i>文字倾斜方式1:i标签</i><br />
    <em>文字倾斜方式2:em标签</em><br />
    <u>文字加下划线:u标签</u>
    1234<center>居中标签:center标签(若前后有其他,执行前后换行,保证自身是一个整体,然后居中显示)</center>5678<br />
    
    
    内容容器标签:<br />
    123<p>段落标签:p标签(默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体)</p>456
    <h1>标题格式标签:h1~h6标签</h1>
    <h2>重要性依次减小</h2>
    <h3>前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</h3>
    <h4>是在默认大小基础上增加或减小多少个尺寸</h4>
    <h5>123</h5>
    <h6>123</h6>
    
    <div style="background-color:#F00">div层标签(占一整行)</div>
    <span style="background-color:#0F0">span层标签(占自用空间)</span>
    
    <ol>ol,有序列表
    <li>默认自带序号</li>
    <li>自动换行</li>
    <li>前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
    </ol>
    
    <ul>ul,无序列表
    <li>默认不自带序号</li>
    <li>自动换行</li>
    <li>前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
    </ul>
    
    <a href="http://www.baidu.com/" target="_blank">百度一下</a>
    <br />
    
    <a href="#top">返回最顶端</a>
    <br />
    
    <img / src="$9E]97HPZS$JQWVOYE0VF)1.png" width="200" title="这是一只兔子" alt="rabbit">
    
    <a href="http://www.qq.com" target="new"><img / src="$9E]97HPZS$JQWVOYE0VF)1.png" width="200" title="这是一只兔子" alt="rabbit"></a>
    </font>
    <br /><br />
    <table align="center" width="480" height="90" border="1" cellpadding="0" cellspacing="0">
    <tr align="center" bgcolor="#999999">
    <td width="120"><a href="http://www.autohome.com" target="_blank">汽车之家</a></td>
    <td width="120">易车网</td>
    <td width="120">太平洋汽车</td>
    <td rowspan="2">新浪汽车</td>
    </tr>
    <tr align="center">
    <td>58同城</td>
    <td>百姓网</td>
    <td>赶集网</td>
    </tr>
    <tr align="center">
    <td>淘宝</td>
    <td colspan="2" bgcolor="#FF00FF">天猫</td>
    <td>聚美优品</td>
    </tr>
    </table>
    </body>
    </html>

  • 相关阅读:
    程序员必须知道的10大基础实用算法及其讲解
    6 Java Exceptions that Haunts a Newbie Java Developer(Java菜鸟6种常见的异常)
    在线学习Java免费资源推荐(来自:importnew)
    Oracle触发器
    Oracle性能分析工具介绍及使用
    开口大数据闭口高并发,你们都是怎么回答
    Http中Get/Post请求区别
    快速排序算法
    MAG EF查询增加指定索引功能
    WEB传参
  • 原文地址:https://www.cnblogs.com/xiao55/p/5505506.html
Copyright © 2011-2022 走看看