PHP ノート (HTML)

WBOY
リリース: 2016-06-23 13:39:53
オリジナル
938 人が閲覧しました

私は多くの言語を学習してきましたが、最近ついに PHP を学習することにしました。

PHPを学ぶにはまずHTMLを学ばなければなりませんので、私もHTMLから始めます!

まずはどんなプログラミング言語でも学びましょう。何冊読んでも、それなしではいられない?? ヘルプ ドキュメント

HTML ヘルプ ドキュメント: http://pan.baidu.com/s/1hqxOymo

ノーとは言わないでください ご存知のとおり、近年普及している HTML5 は HTML の発展方向です。HTML の発展方向は次のとおりです。 XML は標準化されており、その過程で XHTML も派生します。

Webページを作る際に色を使うのは避けられませんが、色を表現する方法には単語表現と16進数表記があります。レビューのために投稿します。

RGB カラー テーブル:

プログラミング言語にはテキストとして直接表示できない特殊な記号が常にあり、HTML も例外ではありません。これらの特殊な記号は HTML でエンティティと呼ばれます。緊急時用のエンティティ比較表。

エンティティ比較表:

Web ページのコードはブラウザによって直接解析されます。Web ページを作成する際には、一般的に使用されるエンコードを選択する必要があります。ブラウザは、UTF-8、GBK、GD2312 などを選択できます。 Web ページを解析するためのエンコーディングも選択します。そこで問題は、ブラウザによって選択されたエンコーディングが Web ページの作成に使用されたエンコーディングと一致しない場合はどうなるかということです。解決策は 3 つあります:

    ブラウザに適応させるために最も一般的に使用されるエンコード方法を使用する
  1. Web ページに一致するようにブラウザのエンコードを設定する
  2. タグを使用する
明らかに、1 つのエンコードです。これはすべての人に適しているわけではなく、ユーザーがブラウザのコードを変更するほど賢明ではありません。したがって、最初の 2 つの方法は症状を治療するだけで根本的な原因は解決しません。3 番目の方法が最も重要です。

は単一のタグであり、その使用法は

in UTF -8 の例:

タグのその他の使用法ヘルプドキュメントを参照できます。

タグは、相対パスを絶対パスに変更したり、メソッドを開くなどのハイパーリンクを設定できます。 は単一のタグです。具体的な使用法についてはヘルプドキュメントを参照してください。

の属性設定は、Web ページ全体のデフォルト設定になります。フォントの色 (text)、背景の色 (bgcolor)、背景画像 (background)、背景のプロパティ (bgproperties) を設定できます。 )などを確認するか、ヘルプドキュメントを確認してください。

このタグは非常に特殊で、単一タグまたは二重タグとして使用できます。二重ラベルとして使用すると、ラベル間のコンテンツがセクションとして表示され、単一ラベルとして使用すると、ラベルから改行が始まります。二重ラベルの使用は比較的標準的で一般的です。

 タグは、 とは異なり、元の形式で出力されますが、<pre class="brush:php;toolbar:false"> タグ内のテキストは解析されます。 ;xmp> タグは解析できず、テキスト形式で出力されます。 <p> </p> <p> <li> タグは <ol> および <ul> とともに使用され、タグ間の内容がリスト内の項目として表示されます。デフォルトでは無効になっています。リストを順序付きリストにするには、<ul> タグを使用します。これらのタグのプロパティについては、ヘルプ ドキュメントを参照してください。 </p> <p> </p> <p><sub> と <sup>、下付きタグと上付きタグは両方とも二重タグです。 </p> <p> </p><img> は画像を表示するためのタグで、src 属性は画像のリンクを設定し、title 属性はマウスを置いたときに表示される名前を設定します。 alt 属性は、画像の読み込みに失敗した場合に表示される名前を設定します。他のプロパティについては、ヘルプ ドキュメントを参照してください。 <p> </p> <p> </p><a> は、ハイパーリンクに使用されるリンク タグであり、二重タグです。 href 属性はリンク アドレスを設定し、title 属性はラベルを配置したときに表示される名前を設定し、target 属性はリンクを開く方法を設定します。その他の属性についてはヘルプ ドキュメントを参照してください。 <p> </p><a> タグは、name 属性を使用して、特定の領域にリンクするためのアンカー ポイントを設定します。 Name は名前を設定し、href 属性が "#"+name に設定されている場合は、このページの名前にリンクできます。href が Web ページのパス + "#" + name に設定されている場合は、次のページの名前にリンクできます。 Web ページの場所。herf 属性が「#」または空に設定されている場合、このページの先頭にジャンプします。 <p> </p> <p> </p>現在のページにジャンプ<p> </p>
<p> </p>他のページにジャンプ<p> </p>
<p> </p>URL:Uniform Resource Locator<p> </p>URLは次で構成されます: http://i.cnblogs.com/EditPosts.aspx?postid=4275104&update =1 as例<p></p>
<li>プロトコル名: http://、ftp://、https://、file:// など (http://)</li> <li>ホスト名: (i.cnblogs.com) (cnblogs.com はドメイン名)</li> <li>ポート番号: 80、8080 など (範囲: 0~65535) (80) </li> <li>リソース名: アクセスされたファイル (EditPosts.aspx) </li> <li>パラメータ: "?" の後のキーと値のペア、複数のパラメータには " を使用します" &"Connection (パラメータを取得、パラメータは表示されます。パラメータを投稿、パラメータは表示されません) (postid=4275104&update=1) </li> <p> </p> <p> URL の相対パス: </p> <li>./: ローカル パスを表します</li> <li>../: 上位パスを表します </li> <li>../../: 上位パス (など) を表します </li> <p> </p> <p><table> ラベルはテーブルの構築に使用されます。これは二重ラベルです。 width 属性はテーブルの幅を設定し、height 属性はテーブルの高さを設定し、border 属性はテーブルの境界線を設定し、cellspacing 属性はセル間の幅を設定し、cellpadding 属性はセルのコンテンツ間の距離を設定します。そして国境。 </p> <p><tr> ラベルのネスト <table> ラベルはテーブルの行をデザインするために使用されます。これは二重ラベルです。 </p> <p><td> ラベルのネスト<tr> ラベルは、二重ラベルであるテーブルのセルを表すために使用されます。 rowspan 属性は行全体に設定され、属性値は複数の行にまたがる数を示します。colspan 属性は複数の列にまたがって設定され、属性値は複数の列にまたがる数を示します。 </p> <p> </p>
<th> ラベルのネスト </th>
<tr> ラベルはテーブルのヘッダーを表すために使用され、セルの内容は太字で中央揃えになります。  <p>その他の属性については、ヘルプドキュメントを確認してください。 </p> <p> </p> <p> </p> <p>HTML フレームはフレーミングとも呼ばれ、複数のページを 1 つのページに結合して表示します。 </p> <li>利点: </li> <li>ページをリロードするときに、ページ全体をリロードする必要がないため、Webページのダウンロード速度が向上します</li> <li>ナビゲーションバーを作成するのに便利です</li> <li>短所: </li> <li>複数のページがあるため、管理が難しい</li> <li>コードが複雑で検索できない</li> エンジンのインデックス<li> </li>マルチフレームページはサーバーのhttpリクエストを増加させる<li> </li>小型モバイルデバイスでは完全に表示できない<li> </li>上記の欠点により、標準に準拠していませんWebデザインのコンセプトは放棄してしまいましたが、背景は使えるのでまだまだ勉強が必要です。 <p> </p>Frame タグ: <li> <frameset> タグ、二重タグ</li> <frameset> タグはフレーム ページを定義するため、<frameset> タグは必要ありません。 <body> タグ<li> </li> border 属性はフレームの境界線のサイズを設定します <li> rows 属性はフレームの数と高さを設定します。「*」は残りのスペースを表します。 "," </li> <li>cols 属性はフレームの列数と幅を設定します。必要な数の列を記述します。「*」は残りのスペースを示し、「,」で区切られます</li> <li><frameset> をネストしてフレームを多様化できます。 format</li> <li><frame> ラベル、ダブルラベル </li> <li> は、<frameset> にネストされ、各ページのコンテンツを表示するために使用されます。 </li> <li> src 属性は、そのコンテンツを表示するページのパスを設定します </li> <li>name 属性は、設定できますリンク表示用のフレームの名前</li> <li><a>タグのtarget属性で表示ページのフレームを指定可能</li> <li><a>タグのtarget属性が「_parent」に設定されている場合、それを意味します「_top」に設定すると、トップレベルのフレーム表示と Web ページ全体のレイアウト表示を示します </li> <li> </li> <p class="sycode"> <br> ハイパーリンク </p> <p class="sycode"> </p><noframes&gt ; タグ、二重タグ <p class="sycode"> </p> ブラウザがフレームを読み込めない場合、<フレームは表示されません <p class="sycode"> <frameset> タグ内でネストされ、<body> タグとともに使用されます </p>
<p class="sycode"> </p>< ;iframe> タグ、単一タグ <p class="sycode"><li> </li> <li>別のドキュメント フレームを含むインラインを作成します</li> <li>このタグをサポートしていないブラウザでも表示できます</li> <li><body> タグで使用されます</li> <li><br /> <br />フレームのその他のプロパティと使用法については、ヘルプ ドキュメントを参照してください。 </li> <li> </li> <li> フォーム: 入力データをサーバーサイドプログラムに送信できる HTML 要素 </li><li><form> タグ、二重タグ  <li> HTML フォームを表します </li> <li>action 属性はデータ送信の宛先を設定します</li> <li>method 属性は get と post に設定できる送信方法を設定します </li> get は送信する情報が少なく、より速く、送信された情報はアドレスバーに表示されますが、これは安全ではありません<li> </li>post はより多くの情報を送信しますが、遅く、送信された情報はアドレスバーに表示されないため、より安全です<li> </li>enctype 属性はエンコードタイプを設定しますサーバーに送信されるデータの数<li> </li>application /x-www-form-urlencoded: フォーム データは、標準のエンコード形式、デフォルト値で名前と値のペアとしてエンコードされます <li> </li>multipart/form-data: フォーム データはメッセージとしてエンコードされます、ページ上の各コントロールの情報の一部に対応し、<li> </li>
<p> </p>
<input>タグ、単一タグ <li> </li>type、入力フィールドの表示モードを表します(入力タイプ、選択タイプ、クリックタイプに分けられます) ) <li> </li>テキスト、単一行 テキスト入力フィールド、入力タイプ <li> </li>パスワード、パスワード入力フィールド、入力された文字は「*」で表示されます、入力タイプ <li> </li>ファイル、ファイルアップロード、入力タイプ <li> </li>チェックボックス、チェックボックス、選択タイプ <li> </li>radio、ラジオ ボックス、選択タイプ <li> </li>hidden、隠しフィールド、通常はデフォルト値の転送に使用されます、<li> </li>ボタン、ボタン、クリックしてもフォームは送信されません、他の操作を実行できます、クリック タイプ <li> </li>image、imageボタン、クリックしてフォームを送信します、クリックしてタイプ <li> </li>submit、クリックしてフォームを送信、クリックタイプ <li> </li>reset、リセット ボタン、タイプ <li> </li>name をクリックし、フォーム項目の名前 <li> </li> は通常、次と同じに設定されますデータベース内の対応するフィールド名<li> </li>click この属性はタイプには必要ありません<li> </li>データ送信時の識別子<li> </li>チェックボックスの名前の値は通常配列で表されます<li> </li>ラジオボタンボックスの名前の値がは同じです。オプションは相互に排他的です<li> </li>value、フォーム項目の値<li> </li>Select Type は属性値を設定します。選択後、フォームで送信できます <li> </li>画像以外のタイプをクリックして、この属性を設定します。つまり、ボタンの表示名を設定します <li> </li>入力タイプ 属性値を設定し、デフォルト値を設定します <li> </li>maxlength、テキスト入力の長さを制限します <li> </li><textarea> ラベル、ダブルラベル <li> </li>複数行のテキストフィールド、入力できます複数行のテキスト <li> </li>cols、列数を設定、列数を渡し、幅を設定 <li> </li>rows、行数を設定、行数を渡し、高さを設定 <li> </li>残りの属性は次のとおりです。 <input> ラベル入力タイプと一致します <li> </li><select> ラベル、ダブルラベル <li> </li>ドロップダウンメニュー<li> </li> name 属性は、通常はデータベースフィールド名と一致するフォーム項目名を設定します <li> </li>複数の属性セットフォームを複数の Select <li> <option> タグ、二重タグ </li> ドロップダウン メニューのオプションを表すために <select> タグ内でネストして使用されます <li> </li> value 属性は、選択後のオプションの値を設定します。 、フォームで送信されます <li> </li>選択された属性の設定 デフォルトで選択されています <li> </li><lable>タグはテキストとオプションをバインドするように設定できるため、テキストをクリックして選択できます <li> </li><li> </li>その他の属性の場合フォームの使用方法については、ヘルプ ドキュメントをご覧ください。 <p> </p><div> タグ、二重タグ <p> </p>Layer タグ、要素またはレイアウトの配置に使用されます <p> </p> レイヤー内のコンテンツはブラウザ内のどこにでも配置でき、HTML 要素も配置できます <li> </li> CSS と組み合わせて使用​​されることが多い<li> </li> CSSと合わせて使われることが多いので、CSSを学ぶ際にはぜひ学んでください! <li> </li> <p> </p>この時点で、HTML の基本要素を学習し、単純な静的 Web ページの作成を開始できますが、動的な Web サイトにはまだ程遠いです。次はCSSを勉強しましょう! <p></p>
<p></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
<p class="sycode"></p>
</tr>
</ol>                </div>
            </div>
            <div style="height: 25px;">
                                <div class="wzconBq" style="display: inline-flex;">
                    <span>関連ラベル:</span>
                    <div class="wzcbqd">
                        <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=php笔记(html篇)" target="_blank">PHP笔记(HTML篇)</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">ソース:php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="https://www.php.cn/ja/faq/256645.html" title="新しい配列を追加するときに配列を宣言するにはどうすればよいですか?">
                        <span>前の記事:新しい配列を追加するときに配列を宣言するにはどうすればよいですか?</span>
                    </a>
                                    <a href="https://www.php.cn/ja/faq/256648.html"  title="[PHP] PHP Curl を介してログインをシミュレートした後にリモート コンテンツをキャプチャする">
                        <span>次の記事:[PHP] PHP Curl を介してログインをシミュレートした後にリモート コンテンツをキャプチャする</span>
                    </a>
                            </div>
            <div class="wzconShengming">
       
                <div class="bzsmdiv">このウェブサイトの声明</div>
                <div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div>
            </div>
            <ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">著者別の最新記事</div>
                <ul>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796639331.html">NullPointerException とは何ですか?どのように修正すればよいですか?</a>
                            </div>
                            <div>2024-10-22 09:46:29</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796629482.html">初心者からプログラマーへ: 旅は C の基礎から始まります</a>
                            </div>
                            <div>2024-10-13 13:53:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796628545.html">PHP による Web 開発のロックを解除する: 初心者ガイド</a>
                            </div>
                            <div>2024-10-12 12:15:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796627928.html">C の謎を解く: 新人プログラマーのための明確でシンプルな道</a>
                            </div>
                            <div>2024-10-11 22:47:31</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796627806.html">コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング</a>
                            </div>
                            <div>2024-10-11 19:36:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796627670.html">内なるプログラマーを解き放つ: まったくの初心者のための C</a>
                            </div>
                            <div>2024-10-11 15:50:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796627643.html">C で生活を自動化する: 初心者向けのスクリプトとツール</a>
                            </div>
                            <div>2024-10-11 15:07:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796627620.html">PHP を簡単に: Web 開発の最初のステップ</a>
                            </div>
                            <div>2024-10-11 14:21:21</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796627574.html">Python で何でも構築: 創造性を解き放つための初心者ガイド</a>
                            </div>
                            <div>2024-10-11 12:59:11</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ja/faq/1796627539.html">コーディングの鍵: 初心者のための Python の力を解き放つ</a>
                            </div>
                            <div>2024-10-11 12:17:31</div>
                        </li>
                                    </ul>
            </div>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">最新の問題</div>
                <div class="wdsyContent">
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ja/wenda/176411.html"  target="_blank" title="function_exists() はカスタム関数を決定できません" class="wdcdcTitle">function_exists() はカスタム関数を決定できません</a>
                            <a href="https://www.php.cn/ja/wenda/176411.html" class="wdcdcCons">Function test () {return true;} if (function_exists ('test')) {echo &quot;テストは関数です&quot;;</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2024-04-29 11:01:01</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>3</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>2049</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ja/wenda/176410.html"  target="_blank" title="Google Chromeのモバイル版を表示する方法" class="wdcdcTitle">Google Chromeのモバイル版を表示する方法</a>
                            <a href="https://www.php.cn/ja/wenda/176410.html" class="wdcdcCons">こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2024-04-23 00:22:19</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>11</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>2204</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ja/wenda/176407.html"  target="_blank" title="子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。" class="wdcdcTitle">子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。</a>
                            <a href="https://www.php.cn/ja/wenda/176407.html" class="wdcdcCons">最初の 2 つの文は実行可能ですが、最後の文は実装できません。</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2024-04-19 15:37:47</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>1862</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ja/wenda/176406.html"  target="_blank" title="親ウィンドウには出力がありません" class="wdcdcTitle">親ウィンドウには出力がありません</a>
                            <a href="https://www.php.cn/ja/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2024-04-18 23:52:34</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>1749</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ja/wenda/176405.html"  target="_blank" title="CSS マインド マッピングに関するコースウェアはどこにありますか?" class="wdcdcTitle">CSS マインド マッピングに関するコースウェアはどこにありますか?</a>
                            <a href="https://www.php.cn/ja/wenda/176405.html" class="wdcdcCons">コースウェア</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2024-04-16 10:10:18</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>0</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>1771</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                    </div>
            </div>

            <div class="wzconZt" >
                <div class="wzczt-title">
                    <div>関連トピック</div>
                    <a href="https://www.php.cn/ja/faq/zt" target="_blank">詳細>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ja/faq/ausage"><img src="https://img.php.cn/upload/subject/202407/22/2024072214325891719.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="attributeusage" /> </a>
                            <a target="_blank" href="https://www.php.cn/ja/faq/ausage" class="title-a-spanl" title="attributeusage"><span>attributeusage</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ja/faq/golangrhdybl"><img src="https://img.php.cn/upload/subject/202407/22/2024072213284864692.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="golangで変数を定義する方法" /> </a>
                            <a target="_blank" href="https://www.php.cn/ja/faq/golangrhdybl" class="title-a-spanl" title="golangで変数を定義する方法"><span>golangで変数を定義する方法</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ja/faq/mysqlswgljb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214185276031.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="mysqlトランザクション分離レベル" /> </a>
                            <a target="_blank" href="https://www.php.cn/ja/faq/mysqlswgljb" class="title-a-spanl" title="mysqlトランザクション分離レベル"><span>mysqlトランザクション分離レベル</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ja/faq/htmlrhhqsj"><img src="https://img.php.cn/upload/subject/202407/22/2024072212111036784.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTMLでデータを取得する方法" /> </a>
                            <a target="_blank" href="https://www.php.cn/ja/faq/htmlrhhqsj" class="title-a-spanl" title="HTMLでデータを取得する方法"><span>HTMLでデータを取得する方法</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ja/faq/currentregion"><img src="https://img.php.cn/upload/subject/202407/22/2024072213355211535.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="currentregion と usedrange の違い" /> </a>
                            <a target="_blank" href="https://www.php.cn/ja/faq/currentregion" class="title-a-spanl" title="currentregion と usedrange の違い"><span>currentregion と usedrange の違い</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ja/faq/gitcimmit"><img src="https://img.php.cn/upload/subject/202407/22/2024072214302426183.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="git 送信されたコミットを元に戻す" /> </a>
                            <a target="_blank" href="https://www.php.cn/ja/faq/gitcimmit" class="title-a-spanl" title="git 送信されたコミットを元に戻す"><span>git 送信されたコミットを元に戻す</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ja/faq/ggbzmm"><img src="https://img.php.cn/upload/subject/202407/22/2024072212325827129.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ドージコインの購入方法" /> </a>
                            <a target="_blank" href="https://www.php.cn/ja/faq/ggbzmm" class="title-a-spanl" title="ドージコインの購入方法"><span>ドージコインの購入方法</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ja/faq/wordcrbg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214235975324.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="単語挿入テーブル" /> </a>
                            <a target="_blank" href="https://www.php.cn/ja/faq/wordcrbg" class="title-a-spanl" title="単語挿入テーブル"><span>単語挿入テーブル</span> </a>
                        </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="phpwzright">
    <ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
        <div class="wzrOne">
            <div class="wzroTitle">人気のおすすめ</div>
            <div class="wzroList">
                <ul>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Mac コンピュータでホストをセットアップする方法 (画像とテキスト付きの手順)" href="https://www.php.cn/ja/faq/448310.html">Mac コンピュータでホストをセットアップする方法 (画像とテキスト付きの手順)</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="PHP を使用してシンプルな QQ ロボットをすばやく構築する" href="https://www.php.cn/ja/faq/448391.html">PHP を使用してシンプルな QQ ロボットをすばやく構築する</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="API共通の署名検証方法(PHP実装)" href="https://www.php.cn/ja/faq/448286.html">API共通の署名検証方法(PHP実装)</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="PHP における一般的な日付と時刻の操作のコレクション" href="https://www.php.cn/ja/faq/448309.html">PHP における一般的な日付と時刻の操作のコレクション</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="PHP はグラフィック検証コードを生成します (拡張干渉タイプ)" href="https://www.php.cn/ja/faq/448308.html">PHP はグラフィック検証コードを生成します (拡張干渉タイプ)</a>
                                </div>
                            </li>
                                    </ul>
            </div>
        </div>
        <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
        <div class="wzrThree">
            <div class="wzrthree-title">
                <div>人気のチュートリアル</div>
                <a target="_blank" href="https://www.php.cn/ja/course.html">詳細>
                </a>
            </div>
            <div class="wzrthreelist swiper2">
                <div class="wzrthreeTab  swiper-wrapper">
                    <div class="check tabdiv swiper-slide" data-id="one">関連するチュートリアル <div></div></div>
                    <div class="tabdiv swiper-slide" data-id="two">人気のおすすめ<div></div></div>
                    <div class="tabdiv swiper-slide" data-id="three">最新のコース<div></div></div>
                </div>
                <ul class="one">
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ja/course/812.html" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" href="https://www.php.cn/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)</a>
                                    <div class="wzrthreerb">
                                        <div>1421227 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ja/course/74.html" title="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ" href="https://www.php.cn/ja/course/74.html">PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ</a>
                                    <div class="wzrthreerb">
                                        <div>4264924 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="74">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ja/course/286.html" title="JAVA 初心者向けビデオチュートリアル" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初心者向けビデオチュートリアル"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="JAVA 初心者向けビデオチュートリアル" href="https://www.php.cn/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a>
                                    <div class="wzrthreerb">
                                        <div>2515955 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ja/course/504.html" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" href="https://www.php.cn/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル</a>
                                    <div class="wzrthreerb">
                                        <div>506187 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ja/course/2.html" title="PHP ゼロベースの入門チュートリアル" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP ゼロベースの入門チュートリアル"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="PHP ゼロベースの入門チュートリアル" href="https://www.php.cn/ja/course/2.html">PHP ゼロベースの入門チュートリアル</a>
                                    <div class="wzrthreerb">
                                        <div>861300 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="2">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                    </ul>
                <ul class="two" style="display: none;">
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/812.html" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" href="https://www.php.cn/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)</a>
                                <div class="wzrthreerb">
                                    <div >1421227 回の学習</div>
                                                                                <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/286.html" title="JAVA 初心者向けビデオチュートリアル" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初心者向けビデオチュートリアル"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="JAVA 初心者向けビデオチュートリアル" href="https://www.php.cn/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a>
                                <div class="wzrthreerb">
                                    <div >2515955 回の学習</div>
                                                                                <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/504.html" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" href="https://www.php.cn/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル</a>
                                <div class="wzrthreerb">
                                    <div >506187 回の学習</div>
                                                                                <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/901.html" title="Web フロントエンド開発の簡単な紹介" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web フロントエンド開発の簡単な紹介"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Web フロントエンド開発の簡単な紹介" href="https://www.php.cn/ja/course/901.html">Web フロントエンド開発の簡単な紹介</a>
                                <div class="wzrthreerb">
                                    <div >215617 回の学習</div>
                                                                                <div class="courseICollection" data-id="901">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/234.html" title="PSビデオチュートリアルをゼロからマスターする" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PSビデオチュートリアルをゼロからマスターする"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="PSビデオチュートリアルをゼロからマスターする" href="https://www.php.cn/ja/course/234.html">PSビデオチュートリアルをゼロからマスターする</a>
                                <div class="wzrthreerb">
                                    <div >885977 回の学習</div>
                                                                                <div class="courseICollection" data-id="234">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                    </ul>
                <ul class="three" style="display: none;">
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/1648.html" title="[Web フロントエンド] Node.js クイック スタート" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web フロントエンド] Node.js クイック スタート"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="[Web フロントエンド] Node.js クイック スタート" href="https://www.php.cn/ja/course/1648.html">[Web フロントエンド] Node.js クイック スタート</a>
                                <div class="wzrthreerb">
                                    <div >7195 回の学習</div>
                                                                                <div class="courseICollection" data-id="1648">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/1647.html" title="海外のWeb開発フルスタックコースの完全なコレクション" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="海外のWeb開発フルスタックコースの完全なコレクション"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="海外のWeb開発フルスタックコースの完全なコレクション" href="https://www.php.cn/ja/course/1647.html">海外のWeb開発フルスタックコースの完全なコレクション</a>
                                <div class="wzrthreerb">
                                    <div >5585 回の学習</div>
                                                                                <div class="courseICollection" data-id="1647">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/1646.html" title="Go言語実践GraphQL" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go言語実践GraphQL"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Go言語実践GraphQL" href="https://www.php.cn/ja/course/1646.html">Go言語実践GraphQL</a>
                                <div class="wzrthreerb">
                                    <div >4703 回の学習</div>
                                                                                <div class="courseICollection" data-id="1646">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/1645.html" title="550W ファンマスターが JavaScript をゼロから段階的に学習します" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W ファンマスターが JavaScript をゼロから段階的に学習します"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="550W ファンマスターが JavaScript をゼロから段階的に学習します" href="https://www.php.cn/ja/course/1645.html">550W ファンマスターが JavaScript をゼロから段階的に学習します</a>
                                <div class="wzrthreerb">
                                    <div >672 回の学習</div>
                                                                                <div class="courseICollection" data-id="1645">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ja/course/1644.html" title="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる" href="https://www.php.cn/ja/course/1644.html">Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる</a>
                                <div class="wzrthreerb">
                                    <div >23742 回の学習</div>
                                                                                <div class="courseICollection" data-id="1644">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                    </ul>
            </div>
            <script>
                var mySwiper = new Swiper('.swiper2', {
                            autoplay: false,//可选选项,自动滑动
                            slidesPerView : 'auto',
                        })
                $('.wzrthreeTab>div').click(function(e){
                    $('.wzrthreeTab>div').removeClass('check')
                    $(this).addClass('check')
                    $('.wzrthreelist>ul').css('display','none')
                    $('.'+e.currentTarget.dataset.id).show()
                })
            </script>
        </div>

        <div class="wzrFour">
            <div class="wzrfour-title">
                <div>最新のダウンロード</div>
                <a href="https://www.php.cn/ja/xiazai">詳細>
                </a>
            </div>
                        <script>
                $(document).ready(function(){
                    var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
                        speed:1000,
                        autoplay:{
                            delay:3500,
                            disableOnInteraction: false,
                        },
                        pagination:{
                            el:'.sjyx_banSwiperwz .swiper-pagination',
                            clickable :false,
                        },
                        loop:true
                    })
                })
            </script>
            <div class="wzrfourList swiper3">
                <div class="wzrfourlTab swiper-wrapper">
                    <div class="check swiper-slide" data-id="onef">ウェブエフェクト <div></div></div>
                    <div class="swiper-slide" data-id="twof">公式サイト<div></div></div>
                    <div class="swiper-slide" data-id="threef">サイト素材<div></div></div>
                    <div class="swiper-slide" data-id="fourf">フロントエンドテンプレート<div></div></div>
                </div>
                <ul class="onef">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery エンタープライズ メッセージ フォームの連絡先コード" href="https://www.php.cn/ja/toolset/js-special-effects/8071">[フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5 MP3 オルゴール再生効果" href="https://www.php.cn/ja/toolset/js-special-effects/8070">[プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果" href="https://www.php.cn/ja/toolset/js-special-effects/8069">[メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード" href="https://www.php.cn/ja/toolset/js-special-effects/8068">[フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="VUE.JS 模倣 Kugou 音楽プレーヤー コード" href="https://www.php.cn/ja/toolset/js-special-effects/8067">[プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="古典的な HTML5 プッシュ ボックス ゲーム" href="https://www.php.cn/ja/toolset/js-special-effects/8066">[html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="画像効果を追加または削減するための jQuery スクロール" href="https://www.php.cn/ja/toolset/js-special-effects/8065">[画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="CSS3 個人アルバム カバー ホバー ズーム効果" href="https://www.php.cn/ja/toolset/js-special-effects/8064">[フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="twof" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8328" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8327" title="フレッシュカラーの個人履歴書ガイドページテンプレート" target="_blank">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8326" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート" target="_blank">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8325" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8324" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート" target="_blank">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8323" title="オンライン電子書籍ストア モールのウェブサイト テンプレート" target="_blank">[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8322" title="IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します" target="_blank">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8321" title="パープルスタイル外国為替取引サービスウェブサイトテンプレート" target="_blank">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="threef" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-materials/3078"  target="_blank"  title="かわいい夏の要素のベクター素材 (EPS+PNG)">[PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-materials/3077"  target="_blank"  title="4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)">[PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-materials/3076"  target="_blank"  title="歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)">[バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-materials/3075"  target="_blank"  title="金色の卒業帽ベクター素材(EPS+PNG)">[PNG素材] 金色の卒業帽ベクター素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-materials/3074"  target="_blank"  title="黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)">[PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-materials/3073"  target="_blank"  title="異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材(EPS+PNG)">[PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-materials/3072"  target="_blank"  title="フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)">[バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-materials/3071"  target="_blank"  title="9つのコミックスタイルの爆発するチャットバブルベクター素材(EPS+PNG)">[PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材(EPS+PNG)</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="fourf" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8328"  target="_blank" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8327"  target="_blank" title="フレッシュカラーの個人履歴書ガイドページテンプレート">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8326"  target="_blank" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8325"  target="_blank" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8324"  target="_blank" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8323"  target="_blank" title="オンライン電子書籍ストア モールのウェブサイト テンプレート">[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8322"  target="_blank" title="IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ja/toolset/website-source-code/8321"  target="_blank" title="パープルスタイル外国為替取引サービスウェブサイトテンプレート">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</a>
                            </div>
                        </li>
                                    </ul>
            </div>
            <script>
                var mySwiper = new Swiper('.swiper3', {
                            autoplay: false,//可选选项,自动滑动
                            slidesPerView : 'auto',
                        })
                $('.wzrfourlTab>div').click(function(e){
                    $('.wzrfourlTab>div').removeClass('check')
                    $(this).addClass('check')
                    $('.wzrfourList>ul').css('display','none')
                    $('.'+e.currentTarget.dataset.id).show()
                })
            </script>
        </div>
    </div>
</div>
<footer>
    <div class="footer">
        <div class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p>
        </div>
        <div class="footermid">
            <a href="https://www.php.cn/ja/about/us.html">私たちについて</a>
            <a href="https://www.php.cn/ja/about/disclaimer.html">免責事項</a>
            <a href="https://www.php.cn/ja/update/article_0_1.html">Sitemap</a>
        </div>
        <div class="footerbottom">
            <p>
                © php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

<script src="/static/js/common_new.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js?1732981518"></script>
<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/>
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>
</body>
</html>