ホームページ >ウェブフロントエンド >H5 チュートリアル >Xiaoqiang の HTML5 モバイル開発ロード (11) - リンク、画像、テーブル、フレーム

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

黄舟オリジナル: 2017-01-22 11:30:061417ブラウズ

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ドキュメントを定義します。

<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) に注目してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：Xiaoqiang の HTML5 モバイル開発の旅 (10) – オンラインお絵かきボード次の記事：Xiaoqiang の HTML5 モバイル開発の旅 (10) – オンラインお絵かきボード

関連記事

続きを見る