03-HTML_リストと画像

8010 ワード

html 画像リスト

IETester ieブラウザのマルチバージョンのテストツールで、ie 5.5、ie 6、ie 7、ie 8、ie 9、ie 10の切り替えを便利にすることができて、1つのソフトウェアをインストールするだけで、Nマルチieブラウザの問題を解決することができて、大部分のIEブラウザの互換性のテストを満たして、ウェブページの異なる閲覧の中で現れるBUGをテストするツールで、Office 2007の可視化のインターフェースを持っています.Windows 7、Vista and XPシステムをサポートし、中国語、英語などの多言語サポートがあります.
一、特殊文字
参考w 3 cSchool HTML文字エンティティ表示結果説明エンティティ名(エスケープコード) 本体番号--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- スペース < より小さい < < > より大きい > > & 和号 & & " 引用符 " " ' アポストロフィ ' ' ￠分 ¢ ¢ £ ポンド £ £ ¥ 円 ¥ ¥ € ユーロ € € § セクション § § © 著作権 © © ® 登録商標® ® ™ 商標 ™ ™ × 乗算記号 × × ÷ 除算記号 ÷ ÷
1、スペース
(1)1段目の文字の前のスペースは無視されます(2)1段目の文字の2文字
2,03-demo-特殊記号.html

<html>
    <head>
        <title>demo,   </title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta http-equiv="content-type" content="text/html;charset=GBK" />
    </head>
    <body>
       <p>                        ，                 。         ，                   。         “        ，             ”，                      。       </p> 

       <p>           ，                 。         ，                   。         “        ，             ”，                      。       </p> 

       <p>?                 ©</p>

       <p> <p>      </p> </p> 
    </body>
</html>

二、ウェブページにおける情報の並べ替え表示
1、リストマーク用途
リストタグは、一般的な無秩序リスト番号リスト定義リストを作成することができる. 一連の関連コンテンツの概要を容易にするために、リストをネストすることもできる.
2、リスト分類
(1)無秩序リスト
書式:

... 構文:

コンテンツ
コンテンツ2

説明:

はリスト項目を表すリスト項目タイプ値説明 disc 実円(既定) circle 空の円 square じつブロック
(2)順序リスト
書式:

... 構文:

コンテンツ1
コンテンツ2

説明: 箇条書き記号タイプ値説明 1 1, 2, 3, 4,... a a, b, c, d,... A A, B, C, D,... i i, ii, iii,... I I, II, III,...
(3)定義リスト
書式:

... 構文:

タイトルA: コンテンツA 1; コンテンツA 2
タイトルB: コンテンツB 1; コンテンツB 2

説明:

項目を表す

1つのプロジェクトの下でより詳細な内容の説明

<html>
 <head>
  <title>    </title>
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <meta http-equiv="content-type" content="text/html;charset=gbk" />
 </head>

 <body>
<!--      ul-->
<ul>
    <li>         …17591</li>
    <li>13       87620</li>
    <li>5      3265</li>
    <li>  38   16682</li>
</ul>

<ul type="circle">
    <li>         …17591</li>
    <li>13       87620</li>
    <li>5      3265</li>
    <li type="square">  38   16682</li>
</ul>
<hr/>
<!--      ol -->
<ol type="type">
    <li>         …17591</li>
    <li>13       87620</li>
    <li>5      3265</li>
    <li>  38   16682</li>
</ol>

<ol type="a">
    <li>         …17591</li>
    <li>13       87620</li>
    <li>5      3265</li>
    <li>  38   16682</li>
</ol>

<ol start="26" type="a">
    <li>         …17591</li>
    <li>13       87620</li>
    <li>5      3265</li>
    <li>  38   16682</li>
</ol>

<hr />
<!--       -->
<dl>
    <dt>    </dt>
        <dd>   </dd>
        <dd>   </dd>
    <dt>    </dt>
        <dd>CPU</dd>
        <dd>  </dd>
</dl>
 

 </body>
</html>

三、写真
1,web上で画像フォーマットをサポートする
(1)GIFパターン交換形式
とうめいしょく OK アニメーション(Animation) OK 色 256
(2)JPEG連合画像専門家グループ、高損失圧縮
とうめいしょく NO アニメーション(Animation) NO 色 1670万
(3)PNGネットワーク移植可能フォーマット、無損圧縮
とうめいしょく OK アニメーション(Animation) NO 色 1670万
2、画像タグ
書式:

説明: A.経路 1)絶対パス ①ローカルファイルシステムディスクから開始 C:\dirA\dirB\1.png ②ネットワークホスト名から開始 http://ietester.cn/images/down02.png 2)相対パス ① . 兄弟ディレクトリ構造: dirA |-- 1.html |-- 1.png パス表示:

② .. 上位レベルディレクトリ構造: dirA |-- 1.png |-- dirB |-- 1.html パス表示:

3)ルート相対パス絶対パスに似たネットワーク絶対パス "/"現在のホストを表し、サイトのルートディレクトリの開始パスを表します. B.その他の属性 src パス alt 画像が無効になった場合に表示される情報は、titleがない場合、サスペンション情報として表示されます. title マウスの停止時に表示される情報 border 数値、枠線 align 常用left hspace ピクセル/パーセント vspace
3,03-demo-ピクチャ.html

<html>
 <head>
  <title>  </title>
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <meta http-equiv="content-type" content="text/html;charset=gbk" />
 </head>

 <body>
    <!--
        src           
        alt                    ,   title ,      
        title                 
        border        ,   
        align          left
        hspace        /       
        vspace
    -->
    <img src="http://ietester.cn/images/down02.png"     
         alt="      " 
         title="          "
         border="3"
         align="left"
         hspace="10"
         vspace="10"
         />
    IETester   ie          ，     ie5.5,ie6,ie7,ie8,ie9,ie10  ，        ，     N ie      ，     IE         ，              BUG   ，  Office 2007       。   Windows 7, Vista and XP  ，     ，         。
    IETester v0.5.2 (38.93M)
        ：XP/Vista/Win7/Win8
 </body>
</html>

Nettyソース分析-TCPの接着パケットの分解問題をどのように解決するか

Python 3.X仮想環境