zoukankan      html  css  js  c++  java
  • 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>夏游</title>
    </head>
    
    <body bgcolor="#99FFFF" topmargin="100px" leftmargin="100">
    <a name="top"></a>今天&nbsp;&nbsp;&nbsp;&nbsp;天气 不错,适合出去游玩。<br />
    <br />
    <font color="#330099" size="36">
    格式控制标签:
    <br />
    <b>文字加粗方式1,b标签</b><br />
    <strong>文字加粗方式2,strong标签</strong><br />
    <i>文字倾斜方式1,i标签</i><br />
    <em>文字倾斜方式2,em标签</em><br />
    <u>文字加下划线,u标签</u>
    <center>center标签,居中标签,若前后有其他,执行前后换行,保证自身是一个整体,然后进行居中显示</center><br />
    <br />
    内容容器标签:<br />
    123<p>p标签,段落标签,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</p>456
    
    <ol>ol,有序列表
    <li>默认自带序号</li>
    <li>自动换行</li>
    <li>默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
    </ol>
    <ul>ul,无序列表
    <li>默认不自带序号</li>
    <li>自动换行</li>
    <li>默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
    </ul>
    7890<br />
    <a href="http://www.baidu.com/" target="_blank">百度一下</a><br />
    <img src="1_120202092912_1.jpg" title="海绵宝宝" alt="haimianbaobao" /><br />
    <a href="www.hao123.com/"><img src="1_120202092912_1.jpg" width="640" /><br /></a>
    <img src="1_120202092912_1.jpg" width="1000" height="200" />
    
    </font>
    <h1>h1-h6标签,标题格式标签</h1>
    <h2>重要性依次减小</h2>
    <h3>前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</h3>
    <h4>是在默认的大小的基础之上执行的增加或减小多少个尺寸</h4>
    <div style="background-color:#F00">div层标签,默认一上来就占用一整行</div>
    <span style="background-color:#369">span层标签,默认使用多少就占用多少</span><br />
    <br />
    <br />
    <table align="center" width="480" height="90" border="1" cellpadding="0" cellspacing="0">
    <tr align="center" bgcolor="#FF0066">
    <br />
    <td width="120"><a href="http://www.autohome.com">汽车之家</a></td>
    <td width="120">易车网</td>
    <td width="120">太平洋汽车</td>
    <td rowspan="2">新浪汽车</td>
    <br />
    </tr>
    <tr align="center">
    <br />
    <td>58同城</td>
    <td>赶集网</td>
    <td align="right">百姓网</td>
    
    <br />
    </tr>
    <tr align="center">
    <br />
    <td colspan="2" bgcolor="#CC00FF">天猫</td>
    
    <td>聚美优品</td>
    <td>京东</td>
    <br />
    </tr>
    </table>
    <br />
    
    <a href="#top">返回最顶端</a>
    
    </body>
    </html>

    夏游 今天    天气 不错,适合出去游玩。

    格式控制标签:
    文字加粗方式1,b标签
    文字加粗方式2,strong标签
    文字倾斜方式1,i标签
    文字倾斜方式2,em标签
    文字加下划线,u标签

    center标签,居中标签,若前后有其他,执行前后换行,保证自身是一个整体,然后进行居中显示



    内容容器标签:
    123

    p标签,段落标签,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

    456

      ol,有序列表
    1. 默认自带序号
    2. 自动换行
    3. 默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体
      ul,无序列表
    • 默认不自带序号
    • 自动换行
    • 默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

    7890
    百度一下
    haimianbaobao

    h1-h6标签,标题格式标签

    重要性依次减小

    前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

    是在默认的大小的基础之上执行的增加或减小多少个尺寸

    div层标签,默认一上来就占用一整行

    span层标签,默认使用多少就占用多少

    汽车之家 易车网 太平洋汽车 新浪汽车
    58同城 赶集网 百姓网
    天猫 聚美优品 京东


    返回最顶端

  • 相关阅读:
    vim编辑器基本操作及文件权限,sudo命令等介绍
    centos的基本命令04
    linux的sed(增删改查)使用方法
    rm: cannot remove `xxx’: Operation not permitted问题的处理方案
    迅为iTOP-4412物联网开发板入门学习高手进阶项目开发超树莓派
    迅为I.MX6Q开发板配不同分辨率不同尺寸液晶屏幕
    iTOP-4412开发板-实战教程-ssh服务器移植到arm开发板
    iTOP-4412开发板全新升级支持4G全网通模块
    迅为iMX6UL开发板低功耗高能效开发平台
    iTOP-4418/6818开发板支持双屏异显,双屏同显
  • 原文地址:https://www.cnblogs.com/tonyhere/p/5509209.html
Copyright © 2011-2022 走看看