• コミュニティ 学ぶ ツールライブラリ レジャー
    検索
    日本語
    ホームページ > ウェブフロントエンド > htmlチュートリアル > htmlのテーブル活用（Webページの視覚効果を表示可能）_HTML/Xhtml_Webページ制作

    htmlのテーブル活用（Webページの視覚効果を表示可能）_HTML/Xhtml_Webページ制作

    WBOY
    リリース： 2016-05-16 16:40:20
    オリジナル
    1533 人が閲覧しました

    NetEase ブログで HTML を使用できる場合、コードをテンプレートに直接追加するかどうかはわかりますが、効果はあまり良くありません。それは、コードがうまく配置されていないためです。次に、特殊効果をうまく表示できるテーブルを使用したコードの配置について説明します。

    HTML 構文ではテーブル (表) が不可欠な部分です。これがないと Web ページの視覚効果を表現することが困難です。次にテーブルについて説明します。以下は 2 行 2 列の表です:

       
       

    コードは次のとおりです:






    ; /TR>

    < ; /TABLE>

    tr は行、td は列、border は太さ (「0」は表示されないことを意味します)、 はスペースを意味します。ここで、テーブルの幅は 100% (width="100%") にすることが望ましいのですが、理解できましたか?理解したら、「」に必要なコードを追加できます。

    例:

     



    >

    効果は次のとおりです:

    gt;ω.⑨s へようこそ。メッセンジャー ホーム
    欢迎来到ω.⑨s.使者家园
    		< / TD>
     
       
    これと同じように、他も同じです。
       
     
    もう 1 つ: テーブルを作成すると、次のようなテーブルがいくつかあります: そして

    のメソッドは次のとおりです:



     





      

    および




    << /td>

      

    よく見ると、colspan="2" と rowspan="2" が余分にあることがわかりますよね。 ！ ！ ！ これは、「2」がパラメータであり、自分で設定する必要があります。>


    <
    td> 
    ω.⑨s メッセンジャー ホームへようこそ

    と


    < ;td> ; 




    メッセンジャー ホームへようこそ
     

    の効果は次のとおりです:

    へようこそ。 テーブル> と
    ω.⑨s メッセンジャー ホーム
    へようこそ。 テーブル> 注: 他のコードは に追加する必要があります。これは HTML を知らない友達専用です。 ！
    ω.⑨s メッセンジャー ホーム

    ....
    関連ラベル：
    html table
    ソース：php.cn
    前の記事：入力タイプの意味と、input_HTML/Xhtml_Web ページの生成を制限するために一般的に使用される方法 次の記事：htmlファイルの中国語文字化け問題とブラウザでの表示問題_HTML/Xhtml_Webページ制作
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
    から 2024-04-16 09:34:16
    0
    0
    4687
    ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
    から 2024-04-06 21:58:04
    0
    1
    800
    CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
    から 2024-04-06 20:22:15
    0
    1
    454
    livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法 laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したい これまでに試したこと: Laravel コンポーネントを含めることによる Live...
    から 2024-04-06 20:02:10
    0
    2
    543
    文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
    から 2024-04-06 17:40:41
    0
    2
    410
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート