Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレーム

黄舟
リリース: 2017-01-22 11:30:06
オリジナル
1376 人が閲覧しました

1. HTMLとは何ですか?

HTML (ハイパーテキスト マークアップ言語) は、Web ページを作成するために主に使用されます。

HTML は静的な Web のみを作成できます。ページ

2. HTML開発の歴史

Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレーム

HTMLの父ティム・バーナーズ・リー
ティム・バーナーズ・リー(ティム・バーナーズ・リー)は、1955年6月8日にイギリスのロンドンで生まれました

詳しくは、参照: http://blog .csdn.net/chinayaosir/article/details/2982025


3. W3C の紹介


ワールド ワイド ウェブ コンソーシアムは、中国語で W3C 評議会またはワールド ワイド ウェブ コンソーシアムを意味します。 。 W3C は、HTML の父であるティム バーナーズ リーによって 1994 年 10 月に MIT コンピュータ サイエンス研究所に設立されました。

W3C 組織は、ネットワーク標準を開発する非営利組織です。HTML、XHTML、CSS、XML などの標準はすべて W3C によってカスタマイズされています。

一流企業が標準を作る

二流企業がサービスを作る

四流企業がプロジェクトを作る

HTMLの基本構造

<html>  
    <head>  
        <title>html结构</title>  
    </head>  
    <body>  
        <!--注释-->  
    </body>  
</html>
ログイン後にコピー

1.ローカル (ブラウザを直接使用して開きます)

2. リモート アクセス

Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレームTomcat サーバーなどのインストール後のリモート アクセス。

5. HTML 内のシンボル エンティティ


6. 画像の表示とリンク

Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレーム

Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレーム

7. Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレーム

ボーダー:境界線の幅、デフォルト値は0です
width="60%": 親コンテナの60%を占めるテーブルの幅です

cellpadding="10": コンテンツとセルの間の距離を示しますcellspacing="10": セルと他のセル間の距離を表します Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレーム

テーブルの配置:

align 属性: 水平方向の配置

valign 属性: 垂直方向の配置

不規則なテーブル:

colspan 属性: 水平方向のセルの結合

rowspan属性 : 縦方向のセルを結合します

8. フレーム

フレームを使用すると、同じブラウザウィンドウ内に複数のページを表示できます。各 HTML ドキュメントはフレームと呼ばれ、各フレームは他のフレームから独立しています。フレームを使用するデメリット:


開発者は同時により多くの HTML ドキュメントを追跡する必要がある

ページ全体を印刷するのが難しい


フレーム構造タグ ()

Frame構造タグ (< ;frameset>) ウィンドウをフレームに分割する方法を定義します

  • 各フレームセットは一連の行または列を定義します

  • 行/列の値は、それぞれが占める画面の領域を指定します行または列

  • frameタグ(フレーム)

    Frameタグは、各フレームに配置されるHTMLドキュメントを定義します。
  • Main page.html (フレームを使用する場合、その中で body タグは使用できないことに注意してください)
<html>  
    <head>  
        <title>html结构</title>  
    </head>  
    <body>  
        <img src="http://img.my.csdn.net/uploads/201401/06/1389011264_6592.jpg" width="150px" alt="欢迎关注我的官方公众微信"/>  
    </body>  
</html>
ログイン後にコピー

noresize="noresize" は、各フレームを引き伸ばすことができないことを意味します

Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレームframeborder="0 " 境界線の幅を 0 に設定します

title.html

<html>  
    <head>  
        <title>html结构</title>  
    </head>  
    <body>  
        <img src="http://img.my.csdn.net/uploads/201401/06/1389011264_6592.jpg" width="150px" alt="欢迎关注我的官方公众微信"/>  
        <a href="http://blog.csdn.net/dawanganban">  
            <img src="http://avatar.csdn.net/D/F/D/1_lxq_xsyu.jpg" alt="来点我啊" title="点我啊" width="150px"/>  
        </a>  
    </body>  
</html>
ログイン後にコピー

a.html

<html>  
    <head>  
        <title>html结构</title>  
    </head>  
    <body>  
        <!--宽度可以用像素,也可以用百分比-->  
        <table border="1px" width="300px">  
            <tr align="center" bgcolor="yellow">  
                <td>1</td><td>2</td>  
            </tr>  
            <tr align="center">  
                <td>3</td><td>4</td>  
            </tr>  
            <tr align="center">  
                <td>5</td><td>6</td>  
            </tr>  
        <table>  
        <!--默认文字靠左-->  
    </body>  
</html>
ログイン後にコピー

b.html

<html>  
    <head>  
        <title>html结构</title>  
    </head>  
    <frameset rows="150,*">  
        <frame name="frame0" src="title.html" frameborder="0">  
        <frameset cols="20%,*">  
            <frame name="frame1" src="a.html"  noresize frameborder="0"/>  
            <frame name="frame2" src="b.html" frameborder="0"/>  
        </frameset>  
    </frameset>  
      
</html>
ログイン後にコピー
上記は、Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレーム コンテンツ、およびさらに関連するコンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート