![HTMLでよく使われるタグのまとめ]()
目次
トップに戻る![HTMLでよく使われるタグのまとめ]()
htmlタグ<
通常のスクロールスライド
デフォルトのスクロール
<マーキー動作=代替>...前後にスクロール
<マーキー方向=下>...下にスクロール
<マーキー方向=上>。 .. 左にスクロール
スクロール数
幅を設定
高さを設定
背景色を設定
...スクロール速度を設定
...スクロール時間を設定
マウスが上を通過するとスクロールを停止します
トップに戻る
フォント効果
...
タイトル単語![HTMLでよく使われるタグのまとめ]()
(
MAX)
...
タイトルワード(最小)
...太字フォント
...太字(強調) (上記と同じ効果)
...斜体
...斜体(強調)
...斜体 (は定義を意味します)
...結論
... 結論 (はテキストの挿入を意味します)
...水平線
...取り消し線
... キーボードテキスト フォントを入力
<![CDATA[ .. .]]>固定幅フォント(
ファイル内の中央スペース、行折り返し、位置決め機能が有効
)
<![CDATA[...</plaintext><span style="font-family: 宋体;">固定-width font</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">はマーク記号を実装しません</span><span style="font-family: 'Times New Roman';">) </span></p>
<p> </p>
<p><リスト>... ;...</font><span style="font-family: 宋体;">最小フォント</span><span style="font-family: 'Times New Roman';"></span> <span style="font-family: 宋体;"></span><フォントスタイル='<span style="font-family: 'Times New Roman';">font-size:100 px'</span></p>>...</font></p>
<p></p>無制限に増加<p><span style="font-family: 宋体;"> </span></p>
<p></p>
<p><span style="font-family: 宋体;"></span></p>トップに戻る<p></p>
<p><span style="font-family: 宋体;"></span>ゾーンブレークマーク</p> <p></p> <p><span style="font-family: 'Times New Roman';"><hr></span>水平線<span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span></p><hr size= '<p>9'</p><p>></a></p>
<p>水平線</p>
<p style="text-align: right">(<a href="#_labelTop"></a>サイズを設定<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>) <h2>
<strong></strong> </h2>
<p>80%'</p>
<p><span style="font-family: 宋体;">></span></p>水平線<p></p>(<p><span style="font-family: 'Times New Roman';">幅を設定</span><span style="font-family: 'Times New Roman';">) </span> <span style="font-family: 宋体;"><p> </p>
<p><hr color='<span style="font-family: 'Times New Roman';">ff0000'</span><span style="font-family: 'Times New Roman';">></p></span><span style="font-family: 宋体;">水平線</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">設定色</span><span style="font-family: 'Times New Roman';">) </span></p>
<p> </p>
<p><br>(<span style="font-family: 宋体;">改行) </span><span style="font-family: 'Times New Roman';">)</span></p>
<p></p> <p> <nobr>...</nobr><span style="font-family: 宋体;">ウォーターズ</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">改行なし</span><span style="font-family: 'Times New Roman';">) </span></p>
<p></p>
<p><p>...</p><span style="font-family: 宋体;">ウォーターズ</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">)段落</span> <span style="font-family: 'Times New Roman';">) </span></p>
<p> </p>
<p><center>...</center><span style="font-family: 宋体;">中央揃え</span></p>
<p> </p>
<p style="text-align: right"><a href="#_labelTop">トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h2><strong><!><span style="font-family: 宋体;">リンク形式</span> </strong></h2>
<p></p> <p> <base href=<span style="font-family: 宋体;">アドレス</span><span style="font-family: 'Times New Roman';">>(<span style="font-family: 宋体;">デフォルトのリンクパス</span><span style="font-family: 'Times New Roman';">) </span></p>
<p> </p>
<p><a href=<span style="font-family: 宋体;">アドレス</span><span style="font-family: 'Times New Roman';">></a><span style="font-family: 宋体;">外部リンク</span> </p>
<p></p> <p><a href=<span style="font-family: 宋体;">address</span><span style="font-family: 'Times New Roman';">target='</span><span style="font-family: 'Times New Roman';">_blank'</span><span style="font-family: 'Times New Roman';">></a><span style="font-family: 宋体;">外部リンク</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">新しいウィンドウを開きます</span><span style="font-family: 'Times New Roman';">) </span> </p>
<p></p> <p><a href=<span style="font-family: 宋体;">アドレス</span><span style="font-family: 'Times New Roman';">target='</span><span style="font-family: 'Times New Roman';">_top'</span><span style="font-family: 'Times New Roman';">></a><span style="font-family: 宋体;">外部リンク</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">全画面リンク</span><span style="font-family: 'Times New Roman';">) </span></p>
<p></p> <p><a href = <span style="font-family: 宋体;"></span> =ターゲット = '<span style="font-family: 'Times New Roman';"></span> ページ ボックス名' <span style="font-family: 宋体;"></span> & gt; & lt;/a & gt; トップ <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><><span style="font-family: 'Times New Roman';">ステッカー</span><span style="font-family: 宋体;">/</span><span style="font-family: 'Times New Roman';">音楽</span></p>
<p></p><画像src=<p style="text-align: right">画像アドレス<a href="#_labelTop"></a>><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >ステッカー<h2> <strong><span style="max-width:90%"><img src =</span>画像アドレス<span style="font-family: 'Times New Roman';"></span>width="<span style="font-family: 宋体;"></span>180"</strong></h2>><p></p>画像幅を設定<p><span style="font-family: 宋体;"> </span> <span style="font-family: 'Times New Roman';"></span>< img src=<span style="font-family: 宋体;">画像アドレス</span></p>height="<p></p>30"<p><span style="font-family: 宋体;">& gt ;</span><span style="font-family: 'Times New Roman';">画像の高さを設定します</span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 'Times New Roman';"><p><img src=<span style="font-family: 宋体;">画像アドレス</span><span style="font-family: 'Times New Roman';">alt="</span><span style="font-family: 宋体;">プロンプトテキスト"</span><span style="font-family: 'Times New Roman';">></span><span style="font-family: 宋体;">画像プロンプトテキストを設定</span><p> </p>
<p><img src=<span style="font-family: 宋体;">画像アドレス</span><span style="font-family: 'Times New Roman';">border=" </span> <span style="font-family: 'Times New Roman';">1 "</span><span style="font-family: 'Times New Roman';">><span style="font-family: 宋体;">画像の境界線を設定</span></p>
<p></p>
<p><bgsound src=MID<span style="font-family: 宋体;">音楽ファイルアドレス</span><span style="font-family: 'Times New Roman';">><span style="font-family: 宋体;">BGM設定</span></p>
<p></p>
<p style="text-align: right"> <a href="#_labelTop">トップに戻る</a> <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h2><strong>< !><span style="font-family: 宋体;">テーブルの構文</span></strong></h2>
<p></p>
<p><table aling=left>...</table><span style="font-family: 宋体;">テーブルの位置</span><span style="font-family: 'Times New Roman';">,</span><span style="font-family: 宋体;">left</span></p>
<p></p> <p></p>
<table aling="center">.. .</table><span style="font-family: 宋体;">テーブルの位置</span><span style="font-family: 'Times New Roman';">、</span><span style="font-family: 宋体;">中心</span><p> </p>
<p><tableの背景=<span style="font-family: 宋体;">画像パス</span><span style="font-family: 'Times New Roman';">>...</table><span style="font-family: 宋体;">の</span><span style="font-family: 'Times New Roman';">URL=</span><span style="font-family: 宋体;">背景画像はパス URL です</span></p>
<p> </p>
<p><table border=<span style="font-family: 宋体;">border size</span><span style="font-family: 'Times New Roman';">>...</table><span style="font-family: 宋体;">テーブルの枠線のサイズを設定します</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">数値を使用</span><span style="font-family: 'Times New Roman';">) </span> </p>
<p></p>
<p><table bgcolor=<span style="font-family: 宋体;">カラーコード</span><span style="font-family: 'Times New Roman';">>...</table><span style="font-family: 宋体;">テーブルの背景色を設定します</span></p>
<p> </p>
<p><table borderclor=<span style="font-family: 宋体;">カラーコード</span><span style="font-family: 'Times New Roman';">> ...</table><span style="font-family: 宋体;">テーブルの境界線の色を設定します </span></p>
<p> </p>
<p><table borderclordark=<span style="font-family: 宋体;">カラーコード</span><span style="font-family: 'Times New Roman';">>...</table><span style="font-family: 宋体;">テーブルの境界線の色を設定します 濃い色の境界線</span></p>
<p></p>
<p><table borderclorlight=<span style="font-family: 宋体;">カラーコード</span><span style="font-family: 'Times New Roman';">>...</table><span style="font-family: 宋体;">テーブルライトの境界線の色を設定します</span></p>
<p></p>
<p><table cellpadding=<span style="font-family: 宋体;">パラメータ</span><span style="font-family: 'Times New Roman';">>。 .. ... /table></span><span style="font-family: 宋体;">テーブルの列数を指定</span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><table Frame=<span style="font-family: 'Times New Roman';">parameter</span></p>>...</table></p>
<p></p>テーブルの表示方法を設定表の概要<p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"><p><テーブル幅=<span style="font-family: 宋体;">幅</span><span style="font-family: 'Times New Roman';">>...</テーブル></p></span><span style="font-family: 宋体;">テーブルの幅を指定します</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">数字を使用</span><span style="font-family: 'Times New Roman';">) </span></p>
<p></p>
<p><テーブル高さ=<span style="font-family: 宋体;">高さ</span> <span style="font-family: 'Times New Roman';"></span> td><span style="font-family: 宋体;"></span>セル結合列の列数を指定<span style="font-family: 'Times New Roman';"></span>(<span style="font-family: 宋体;"></span>数値を使用<span style="font-family: 'Times New Roman';"></span>) </p>
<p></p>
<p><span style="font-family: 宋体;"><td rowspan=</span>parameter<span style="font-family: 'Times New Roman';"></span>>...</t開発> ;<span style="font-family: 宋体;"></span>ストレージを指定する 列を結合する列の数<span style="font-family: 'Times New Roman';"></span>(<span style="font-family: 宋体;"></span>数値を使用<span style="font-family: 'Times New Roman';"></span>) </p><p></p><p><span style="font-family: 宋体;"></span>トップに戻る<span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';">ウィンドウを分割する</span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><フレームsetcols=20% ,*"&g t; </p>左右に分割<p></p>,<p style="text-align: right"><a href="#_labelTop">左のフレームを</a><img class="anchorclass"/ alt="HTMLでよく使われるタグのまとめ" >20%に分割</p><h2>ブラウザは右のフレームのサイズを自動的に調整します<strong></strong></h2><p></p><frameset rows="20 %,*"><p>上下に分割<span style="max-width:90%"></span>,<span style="font-family: 'Times New Roman';"></span>上のフレームを<span style="font-family: 宋体;"></span>20%に分割します<span style="font-family: 'Times New Roman';"></span>ブラウザが下のフレームのサイズを自動的に調整します<span style="font-family: 宋体;"></span></p> <p></p><framesetcols="20 %,*"><p>左右のフレームを分割します<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;"><framesetcols="20%,*,20%"></span>左、中央、右のフレームを3つのフレームに分割します<span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span> </p><<p>上下のフレームに分割</p><p><span style="font-family: 宋体;"> </span></p><frameset rows="20%,*,20%"><p>上下のフレームを分割</p>
<p><span style="font-family: 宋体;"> </span></p>属性: <p></p> <p><span style="font-family: 宋体;"></span>cols</p> 垂直カットウィンドウ (2 つのウィンドウを左右に分割するなど) は、整数値、パーセント、<p>*</p>
<p> を受け入れます (<span style="font-family: 宋体;"></span>*</p>
<p> は、占有されている残りのスペースの数を表します)。分割された部分はカンマで区切る必要があります。例: </p>
<p>cols="30,*,50%"</p>
<p> は 3 つのウィンドウに分割できます。最初の部分は絶対除算の場合 </p>
<p>30<strong></strong> ピクセル (<span style="font-family: 'Times New Roman';"></span>ピクセル<span style="font-family: 宋体;"></span>) であり、2 番目の部分は割り当てが完了しました。最初と 3 番目のビューの後の残りのスペース、3 番目の部分はウィンドウ全体の <span style="font-family: 'Times New Roman';"></span>50%<span style="font-family: 宋体;"></span> を占め、これは相対的な分割です。 <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';"></span>rows<span style="font-family: 宋体;">は、上下のウィンドウを分離する水平カットです。値の設定は上記と同じです。 </span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;">上記の 2 つの属性を同じ </span><frameset><span style="font-family: 'Times New Roman';"></span> タグ内に配置しないようにしてください。Wangjing (<span style="font-family: 宋体;"></span>netscape</p>
<p>) はサポートしていないため、複数の分割を使用するようにしてください。 </p>
<p><strong></strong></p>
<p>frameborder <span style="font-family: 宋体;">フレームの境界線を設定します。値は、境界線なしで</span><span style="font-family: 'Times New Roman';">0</span><span style="font-family: 宋体;">、境界線ありで</span><span style="font-family: 'Times New Roman';">1</span><span style="font-family: 宋体;">です。 </span></p>
<p> </p>
<p>border <span style="font-family: 宋体;">フレームの境界線の太さを設定します </span></p>
<p> </p>
<p>framespacing <span style="font-family: 宋体;">スペースを保つためのフレームとフレーム間の距離を表します </span></p>
<p> </p>
<p>frame <span style="font-family: 宋体;">要素（単一ラベル） </span></p> <p></p> <p>文法format:</p>
<p></p> <p><frame name="" src="url"scrolling="yes/no" noresize></p>
<p> </p>
<p>属性: </p>
<p> </p>
<p>name <span style="font-family: 宋体;">フレーム名、ターゲットに接続するフレームを指定窓。 </span></p>
<p> </p>
<p>src <span style="font-family: 宋体;"> フレーム内に表示される </span><span style="font-family: 'Times New Roman';">url</span><span style="font-family: 宋体;"> アドレスは、</span><span style="font-family: 'Times New Roman';">html</span><span style="font-family: 宋体;"> ドキュメントに対応する必要があります。 </span></p>
<p> </p>
<p>スクロール <span style="font-family: 宋体;">スクロールバーを表示するかどうか、</span><span style="font-family: 'Times New Roman';">はい/いいえ、auto</span><span style="font-family: 宋体;">は自動です。 </span></p>
<p> </p>
<p>noresize <span style="font-family: 宋体;">ユーザーがこのフレームのサイズを変更できないように設定します。 </span></p>
<p> </p>
<p><strong>noframe<span style="font-family: 宋体;">要素 </span></strong></p>
<p> </p>
<p>フレームを使用するページがサポートされていないブラウザで開かれたときを指定しますフレーム 表示される情報 </p>
<p> </p>
<p> 構文形式: </p>
<p> </p>
<p><noframe></p>
<p> </p>
<p>....</p>
<p> </p>
<p></noframe></p>
<p> </p>
<p style="text-align: right"><a href="#_labelTop"> トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h2><strong>フォーム <span style="font-family: 'Times New Roman';"><form></form> </span></strong></h2>
<p> </p>
<p> 文法形式: </p>
<p> </p>
<p><form action="url" method="get/post"></p>
<p> </p>
<p>....</p> <p> </p>
<p><input type=submit><input type=reset> </p>action <p>is フォームに入力された情報を </p><p>cgi</p><p> に送信できるように、フォームを処理するプログラムの場所を指定します。このパラメータを </p><p>action="mailto:lwr8494@163.com" に設定できます。 <span style="font-family: 宋体;"></span>このフォームに入力された情報は、このメール アドレスに送信されます。 <span style="font-family: 'Times New Roman';"></span></p> <p></p>メソッド<p>は、<span style="font-family: 宋体;"></span>cgi<span style="font-family: 'Times New Roman';"></span>やその他のネットワークプログラムに情報を送信する方法を指します。オプションの <span style="font-family: 宋体;"></span>post<span style="font-family: 'Times New Roman';"></span> メソッド、<span style="font-family: 宋体;"></span>get</p><p> メソッド、</p><p>post<span style="font-family: 宋体;"></span> メソッドを使用すると、大量の情報を送信できます。 <span style="font-family: 'Times New Roman';"></span>get<span style="font-family: 宋体;"></span> メソッドは、<span style="font-family: 'Times New Roman';"></span>1k<span style="font-family: 宋体;"></span> 以下の情報のみを受け入れます。 <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';">申請フォームは </span>post<span style="font-family: 宋体;"></span> 検索エンジンは <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;"> </span></p><p><! </p><p><span style="font-family: 'Times New Roman';"> HREF HREF をターゲットにする> </span>ハイパーリンクを指定します<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><p><A NAME=<span style="font-family: 宋体;">アンカーの名前</span><span style="font-family: 'Times New Roman';">> </p></span><span style="font-family: 宋体;">接続ポイントの名前</span></p>
<p></p>
<p><ADDRESS>....</ADDRESS> <span style="font-family: 宋体;">メールアドレスを表示するために使用されます</span> </p>
<p></p> <p><B> <span style="font-family: 宋体;">太字</span></p><p> </p><p><ベースターゲット> <span style="font-family: 宋体;"></span></p> <p></p><ベースフォントサイズ>フォントサイズ<p><span style="font-family: 宋体;"> </span> </p>
<p> <BGSOUND SRC> </p>BGMを追加<p><span style="font-family: 宋体;"></span> </p>
<p><BIG> </p>大きなフォントを表示<p><span style="font-family: 宋体;"></span> </p>
<p><点滅> </p>
<p><span style="font-family: 宋体;"> <BODY TEXT LINK VLIN K> テキストを設定color</span> </p>
<p> </p>
<p><BODY> <span style="font-family: 宋体;">この記事を表示</span></p>
<p> </p>
<p><BR> <span style="font-family: 宋体;">改行</span></p>
<p> </p><CAPTION ALIGN> <p><span style="font-family: 宋体;"></span></p>
<p><キャプション> ;... </CAPTION> </p>表にタイトルを追加します<p><span style="font-family: 宋体;"></span> </p>
<p><CENTER> </p>中央に揃えます<p><span style="font-family: 宋体;"></span> </p><CITE>...<CITE> <p></p>
<p> <span style="font-family: 宋体;"><CODE>...</CODE> </span>コードの一部をリストするために使用します </p>
<p></p> <p><span style="font-family: 宋体;"><COMMENT>...</COMMENT> </span>コメントを追加します </p>
<p></p> <p> <span style="font-family: 宋体;"> <DD> ; </span>設定定義リストの項目説明</p><p></p><p><span style="font-family: 宋体;"><DFN>...</DFN> </span>表示</p>
<p>"</p>
<p>定義<span style="font-family: 宋体;"></span>"</p>
<p>テキスト</p>
<p><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"> gt;.</DIR> </span>リストのテキストラベル<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;"><DL>...</DL> </span></p>
<p> </p>
<p><DT>定義リスト項目のラベル<span style="font-family: 宋体;"></span></p> <p></p><EM> <p>強調用<span style="font-family: 宋体;"></span></p> <p></p><FONT FACE> <p><span style="font-family: 宋体;"></span> </p>
<p><FONT SIZE> </p>フォントサイズを設定する<p><span style="font-family: 宋体;"></span> </p>
<p> <FORM ACTION> </p>モバイルフォームの処理方法を設定<p><span style="font-family: 宋体;"></span> </p>
<p></p>
<form method> モバイルフォームのデータ送信方法を設定<p><span style="font-family: 宋体;"></span> </p>
<p><フレームマージンハイト> </p>ウィンドウの設定<p><span style="font-family: 宋体;"></span></p><p><フレームマージン幅> ウィンドウの左右の境界を設定</p>
<p><span style="font-family: 宋体;"> </span></p><フレーム名> 分割ウィンドウに名前を付ける<p></p>
<p><span style="font-family: 宋体;"></span><フレームNORESIゼ></p>ロック分割ウィンドウ <p></p><p>のサイズ <span style="font-family: 宋体;"></span><フレームスクロール> </p>
<p><フレームSRC> </p>
<p>HTML<span style="font-family: 宋体;"></span>ファイルをウィンドウに追加します</p>
<p></p> <FRameSET COLS> <p> ウィンドウを左右のサブウィンドウに分割します<span style="font-family: 宋体;"></span></p>
<p><FRameSET ROWS> </p> ウィンドウを上下のサブウィンドウに分割します<p><span style="font-family: 宋体;"></span> </p>
<p><FRameSET>...< ;/FRameSET> </p>分割ウィンドウ<p><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';"><H1>~<H6> </span><span style="font-family: 宋体;"></span> </p>
<p><HEAD> </p>ファイル情報をマーク<p><span style="font-family: 宋体;"></span>分割線を追加します</p> <p></p>
<p></p>
<p><HTML> <span style="font-family: 宋体;">ファイルの先頭と末尾</span></p>
<p> </p>
<p><I> <span style="font-family: 宋体;">斜体</span></p> <p></p><IMG ALIGN> グラフィック画像の位置を調整します<p><span style="font-family: 宋体;"></span> </p> <p><IMG ALT> グラフィック画像に注釈を付ける</p>
<p><span style="font-family: 宋体;"></span><IMG DYNSRC LOOP> ビデオを追加</p>
<p></p> <p><span style="font-family: 宋体;"><画像とプリセットグラフィックサイズを挿入</span></p> <p></p><p><I MG HSPACE> ; <span style="font-family: 宋体;">画像を挿入し、グラフィックの左右の境界線をプリセットします</span></p><p> </p><p><IMG LOWSRC> <span style="font-family: 宋体;">画像のプリロード機能</span></span></p>
<p> </p><IMG SRC BORDER> <p> <span style="font-family: 宋体;"></span>< IMG SRC> </p>画像を挿入<p></p>
<p> <span style="font-family: 宋体;"></span><IMG VSPACE> </p>
<p> グラフィックの上下の境界線を事前設定</p>
<p><入力タイプ名値> <span style="font-family: 宋体;">フォームに入力フィールドを追加</span></p> <p></p> <p><ISINDEX> <span style="font-family: 宋体;">定義クエリフォーム</span></p>
<p> </p>
<p><KBD>...</KBD> <span style="font-family: 宋体;"></span></p> <p></p><LI TYPE> ...< /LI><p>リスト項目<span style="font-family: 宋体;"></span>(</p><p>記号を指定可能</p><p>) <span style="font-family: 宋体;"></span><MARQUEE> マーキー効果<p></p>
<p> <span style="font-family: 宋体;"></span><MENU></MEN U> <span style="font-family: 'Times New Roman';"> 記事のテキストラベル</span> <span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span><meta NAME="REFRESH" CONTENT URL> </p>ファイルの内容を自動的に更新<p></p>
<p> <span style="font-family: 宋体;"></span><MULTIPLE> 同時に複数の項目を選択できるリストバー</p>
<p></p> <p> <span style="font-family: 宋体;">定義ではありません 分割ウィンドウに表示されるテキスト </span></p>
<p></p> <p><span style="font-family: 宋体;"><OL>...</OL> </span>シリアル化されたリスト</p>
<p><OPTION> </p>リスト列の項目を定義しますフォーム内で<p><span style="font-family: 宋体;"></span> </p>
<p><P ALIGN> </p>整列方向を設定<p><span style="font-family: 宋体;"></span> </p>
<p><P> </p>セグメンテーション<p><span style="font-family: 宋体;"></span> </p>
<p><PERSON>...</PERSON&g t; </p>人物名を表示<p><span style="font-family: 宋体;"></span> </p><p> <PRE> </p>オリジナルのアレンジを使用<p><span style="font-family: 宋体;"></span> </p>
<p><SAMP>...</SAMP> </p>
<p><選択>それ;/> を選択します<span style="font-family: 宋体;"> リスト列を定義します</span></p>
<p></p>
<p> <span style="font-family: 宋体;">小さいフォントを表示します</span></p>
<p> </p>
<p><STRIKE> <span style="font-family: 宋体;">テキストをハッシュします</span></p><p> </p><p> <STRONG> <span style="font-family: 宋体;">使用済みトーンを強める</span> </p><p></p><SUB> </p>
<p>下付き文字<span style="font-family: 宋体;"></span></p> <p></p><SUP> <p>上付き文字<span style="font-family: 宋体;"></span></p> <p></p><TABLE BORDER=n>表の幅線の高さを調整します<p><span style="font-family: 宋体;"></span> </p>
<p><TABLE CELLPADDING> データフィールドの境界線を調整</p>
<p><span style="font-family: 宋体;"></span><TABLE CELLSPACING> </p>
<p><TABLE HEIGHT>テーブルの高さ</p>
<p><span style="font-family: 宋体;"></span></p><TABLE WIDTH& gt; <p></p><p><span style="font-family: 宋体;"><TABLE>...</TABLE> の幅を調整します<p> </p>
<p><TD ALIGN> gt; <span style="font-family: 宋体;">調整テーブルフィールドの左右の配置</span></p>
<p> </p>
<p><TD BGCOLOR> <span style="font-family: 宋体;">テーブルフィールドの背景色を設定します</span></p><p></p>td td colspan＆gt; <p><TD>...</TD> <span style="font-family: 宋体;">テーブルのデータフィールドを定義します</span></p>
<p> </p>
<p><TEXTAREA NAME ROWS COLS > <span style="font-family: 宋体;">フォームに追加されるテキスト入力フィールドの数</span></p>
<p> </p>
<p><TEXTAREA WRAP> <span style="font-family: 宋体;">テキスト入力フィールドを自動的に折り返すかどうかを決定します </span></p>
<p> </p>
<p><TH>...</TH> <span style="font-family: 宋体;">ヘッダーフィールド </span></p>
<p> </p>
<p>< TITLE> <span style="font-family: 宋体;">ドキュメントタイトル</span></p><p> </p><p><TR>...</TR> <span style="font-family: 宋体;"></span></p> <p></p><TT> <p>タイプライターフォント<span style="font-family: 宋体;"></span></p>
<p> </p>下線付きテキスト<span style="font-family: 宋体;"></span><p></p><UL TYPE>...</UL> <p>番号なしリスト<span style="font-family: 宋体;"></span>(</p>
<p>記号を指定可能</p>
<p>) <span style="font-family: 宋体;"></span></p><var> ;... <p>変数を表示するために使用されます</p>
<p><span style="font-family: 宋体;"></span></p>BlockQuotc<p>テキストのインデント</p>
<p><span style="font-family: 宋体;"></span></p>
<p> 3つの方法があります</p>
<p><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';">1</span>、<span style="font-family: 宋体;"></span>16<span style="font-family: 'Times New Roman';"></span>基本カラーコード</p>
<p></p> <p><span style="font-family: 宋体;">構文: </span>#RRGGBB </p>
<p></p>
<p><span style="font-family: 宋体;">例: </span><font color="#ff0000 "></p>
<p>red </p>
<p style="text-align: right"></font> <a href="#_labelTop">(</a><img class="anchorclass"/ alt="HTMLでよく使われるタグのまとめ" >RRR </p><h2>、 <strong></strong>GGG</h2> <p>、</p><p>BBB<span style="max-width:90%"></span>) <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span></p> 例: <p><font color="rgb(255,000,000)"></p>
<p>red<span style="font-family: 'Times New Roman';"></span></font> </p>
<p></p>
<p><span style="font-family: 'Times New Roman';">3、 </span>色を直接英語名で使用します<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p>例: <p><font color="red"></p>
<p>red<span style="font-family: 宋体;"></span></font> <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span>トップに戻る<span style="font-family: 宋体;"></span></p>
<p> </p>属性は次の3つのタイプに分類できます。 、<span style="font-family: 'Times New Roman';">テキスト属性: </span><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span>には、<span style="font-family: 宋体;">text、link、alink、vlink、</span><span style="font-family: 'Times New Roman';"></span> <span style="font-family: 宋体;"></span>3、<span style="font-family: 'Times New Roman';">空白属性: </span><span style="font-family: 宋体;"></span> <p>が含まれます: </p>leftmargin、 <p><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span>.bgcolor<span style="font-family: 'Times New Roman';">背景色</span></p>
<p></p>
<p>文法形式: <span style="font-family: 'Times New Roman';"><body bgcolor="#ff0000"> </span></p>
<p> </p>
<p>.background<span style="font-family: 宋体;"> 背景パターン。 </span></p>
<p> </p>
<p> 文法形式: <span style="font-family: 'Times New Roman';"><body background="url"> </span></p>
<p> </p>
<p>.text<span style="font-family: 宋体;"> テキストの色 (非接続テキストの色) </span></p>
<p> </p>
<p>.link<span style="font-family: 宋体;"> 接続テキストの色 (接続可能なテキスト) ) Color) </span></p>
<p></p>
<p>.alink<span style="font-family: 宋体;">アクティブなリンクのテキストの色 (クリックされているリンク可能なテキストの色) </span></p>
<p> </p>
<p>.vlink<span style="font-family: 宋体;">訪問したリンクのテキストの色) (クリックされたリンク可能なテキストの色)クリックして訪問) ) </span></p>
<p> </p>
<p> 文法形式: <span style="font-family: 'Times New Roman';"><body text="color" link="color" alink="color" vlink="color"> </span></p>
<p> </p>
<p>.leftmargin <span style="font-family: 宋体;">空白ページの左側 M p.topMargin </span> </p>
<p></p> <p><span style="font-family: 宋体;"></span> </p>
<p></p> <p><span style="font-family: 'Times New Roman';"></span> </p>
<p></p> <p><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;"> 文法形式: </span> & lt; 本文左マージン = "値" トップマージン = " value" & gt; </p>
<p></p> 注: <p>value<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p> は、長さの値は数値です <h3><strong><span style="max-width:90%"> </span></strong></h3>
<p></p>
<p>align <span style="font-family: 'Times New Roman';"> 属性 </span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span></p> 構文: lt;h2 整列 =? "><p></p>text<p><span style="font-family: 'Times New Roman';"></h2> </span><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span> 3 つの属性があります: <span style="font-family: 宋体;">left</span><span style="font-family: 'Times New Roman';">left</span><span style="font-family: 宋体;">、center</span></p>center<p></p>、right<p><span style="font-family: 'Times New Roman';">right</span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';"></span>p </p>＞<p></p></p><p> <span style="font-family: 'Times New Roman';">は段落記号です。上記の属性は段落全体を設定するために使用できます</span><span style="font-family: 宋体;"></span></p>
<p>br></p>
<p><span style="font-family: 宋体;">は改行記号です</span></p>
<p> </p>
<p>< ;nobr></nobr><span style="font-family: 'Times New Roman';"> は改行ではなく、テキストの両側に配置できます</span></p> <p> </p>
<p>例: <span style="font-family: 宋体;"><body> </span><span style="font-family: 'Times New Roman';"></span> </p>
<p><h3></p>Jiangnan meets李桂の年<p><span style="font-family: 宋体;"></h3> </span><span style="font-family: 'Times New Roman';"><p></span>斉王の家の中でのよくある光景</p>
<p></body> </p>
<p> <span style="font-family: 'Times New Roman';"></span></p>pre-formatting：<p></p>
<p>＆lt; pre＆gt;＆lt;/pre＆gt; <span style="font-family: 'Times New Roman';"></span></p>
<p></p>
<p><span style="font-family: 'Times New Roman';"></span></p>1<p>順序なしリストはシンボルリストとも呼ばれます</p>
<p></p>
<p></p>
<p> 文法形式: <strong></strong> </p>
<p><ul type=" "> type</p>の属性はストレートとして選択できます。 <p><span style="font-family: 宋体;">ディスク</span></p>実線<p></p>、clrcle<p style="text-align: right"><a href="#_labelTop">中空ドット</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >、正方形</p>
<h2>実線ボックス<strong></strong>
</h2>
<p></p>
<p><li><span style="font-family: 宋体;">テキスト</span><span style="font-family: 'Times New Roman';"></li> </span></p><li><p>テキスト</p>
<p></li> <span style="font-family: 宋体;"></span></ul><span style="font-family: 'Times New Roman';"> </span></p>
<p></p>
<p></p>
<p> 2</p>順序付きリスト<p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h3><strong><span style="font-family: 宋体;">文法形式:</span></strong></h3>
<p><ol type="?" start"?"></p>
<p></p><li><p>テキスト</p>
<p></li> </p> <p>＆lt; li＆gt; ...,A...,i... ,I... </p>
<p><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';">start</span> は開始値です。 例: </p>
<p>start</p>
<p> が <span style="font-family: 宋体;"></span>3<span style="font-family: 'Times New Roman';"></span> の場合、開始します。 </p>
<p>3 </p>
<p> 始まりは数字でなければなりません。 </p>
<p></p>
<p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p>3<p>定義リスト</p>
<p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><dl><span style="font-family: 宋体;">定義リストマーク</span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><dt><span style="font-family: 'Times New Roman';">マークエントリー </span><span style="font-family: 宋体;"></span> </p>
<p><dd></p>マーク定義内容 <p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p> <h3><strong> 文法形式: <span style="max-width:90%"></span> </strong></h3><dl><p></p> <p><span style="font-family: 宋体;"><dt></span>Text </p>
<p></dt> </p><dd><p>テキストコンテンツ<span style="font-family: 宋体;"></span> </dd> " title="?">....</a></p>
<p> </p>
<p>属性: <span style="font-family: 宋体;">href </span></p>接続ターゲット値は <p></p>url<p></p> アドレスを接続にすることもできますアンカー <p></p>
<p> </p>
<p><a href="url">...</a></p> または <p><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span><a href="</p>アンカー<p></p>">...</ a> </p>
<p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span></p>トップに戻る<p></p>
<p></p>
<p>name </p>接続名<p></p>
<p></p> <p></p>構文形式: <p><a name="</p><p>アンカー名</p> <p>">...<< /a> </p>
<p> <span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;">例: </span><a name="abcdcf"></a> <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span></p> アンカーポイントへの接続は次のようになります: <p></p> <p><span style="font-family: 宋体;"><a name=" #abcdef">....</a></span></p> <p></p>
<p>トップに戻る<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p>target<p>ターゲットウィンドウの構文形式</p>
<p style="text-align: right">:<a href="#_labelTop"></a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p><a href="url "target= "_blank|_self|_farent|_top|windowname">....</a><h2>
<strong> <span style="font-family: 宋体;"></span>-blank</strong>新しいウィンドウを開きます</h2>
<p></p>
<p><span style="font-family: 'Times New Roman';">_self</span> 現在のウィンドウが開いています<span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span></p>一度に 2 つ フレーム リーフにのみ適用されます <p></p> <p><span style="font-family: 'Times New Roman';">_parent</span> 現在のウィンドウの親ウィンドウ (上位レベル) が開きます </p>
<p></p> <p></p>_top<p> 最上位のウィンドウが開きます </p>
<p></p> <p></p>windowname <p style="text-align: right">名前付きウィンドウ またはフレーム内の接続を開きます<a href="#_labelTop"></a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<p>title<span style="font-family: 宋体;">接続プロンプト</span></p>
<p> </p>
<p><a href="http://www.crazytribe.net" title="<span style="font-family: 宋体;">Crazy Tribe のホームページを開く</span><span style="font-family: 'Times New Roman';">"><span style="font-family: 宋体;">Crazy Tribe</span><span style="font-family: 'Times New Roman';"></ a> " height="?" border="?" align="?"></span></p> <p></p>border<p style="text-align: right"> 属性は画像の境界線の幅を定義します。デフォルト値は <a href="#_labelTop"></a>0 です <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h2> <strong><span style="font-family: 'Times New Roman';">align</span> 属性セット画像の横のテキストの位置 <span style="font-family: 宋体;"></span></strong> </h2>
<p> 文法形式: </p><img src="" align""> <p></p>
<p> </p>
<p> オプションの値は次のとおりです: <span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span>top</p> 上を揃える写真と文字の配置 <p></p>
<p> <span style="font-family: 宋体;"></span>middle </p>Pictures 画像と文字を中央に揃えます <p></p>
<p><span style="font-family: 'Times New Roman';"></span>bottom</p> 画像と文字の下端を揃えます（デフォルト） <p></p>
<p> </p>
<p>left</p> 画像は左に配置され、テキストは画像の周囲に折り返されます<p><span style="font-family: 宋体;"></span> </p>
<p>右</p>画像は右に配置され、テキストは画像の折り返しに沿って配置されます<p><span style="font-family: 宋体;"></span></p>
<p>absmiddle</p> 画像は絶対に配置されます現在のテキスト行の中央<p><span style="font-family: 宋体;"></span> </p>
<p>absbottom</p>画像は現在のテキスト行の絶対下に揃えられます<p><span style="font-family: 宋体;"></span> </p>
<p>テキストの組版</p>
<p><span style="font-family: 宋体;"></span>改行空白マークなし</p> <p></p>
<p><span style="font-family: 宋体;">戻るtop</span></p>
<p></p>
<p>font<span style="font-family: 宋体;">要素</span></p>
<p></p>
<p></p>構文形式:<p></p>
<p></p><font face="<p>フォント名</p><p style="text-align: right">" size="<a href="#_labelTop"></a>フォントサイズ<img class="anchorclass"/ alt="HTMLでよく使われるタグのまとめ" ></p>" color="<h2> <strong>フォントcolor<span style="max-width:90%"></span>"> <p></p>
<p> オプションのフォント サイズの値は </p>1<p></p>——<p><span style="font-family: 宋体;">7</span><span style="font-family: 'Times New Roman';">、デフォルトは </span><span style="font-family: 宋体;">3 </span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span> 例: 〈 <span style="font-family: 'Times New Roman';">font face ＝ </span></p>太字<p></p>" size="4" color="#ff00ff">....</font> <p><span style="font-family: 'Times New Roman';"></span> <span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';">水平線</span><hr> <span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p>
<p>文法形式: </p><hr width="<p><span style="font-family: 'Times New Roman';">width</span><span style="font-family: 宋体;">" align="</span><span style="font-family: 'Times New Roman';">配置のデフォルトは中央</span></p>center" size="<p></p>横線の太さのデフォルトは<p><strong>2" color="<span style="font-family: 'Times New Roman';"></span>color</strong></p>" noshade> ; <p></p>
<p> <span style="font-family: 'Times New Roman';"></span>noshade<span style="font-family: 宋体;"> 影なし、両方の実線</span><span style="font-family: 'Times New Roman';"></span> <span style="font-family: 宋体;"></span>レイヤーp><span><span style="font-family: 宋体;">2つの要素</span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"><p><p><span style="font-family: 宋体;"> は、段落要素 </span><span style="font-family: 'Times New Roman';"><p></span><span style="font-family: 宋体;"> と同様のブロックレベルの要素です。違いは、2 つの </span><span style="font-family: 'Times New Roman';"><p></span><span style="font-family: 宋体;"> 要素が 2 つの </span><span style="font-family: 'Times New Roman';"><p> を生成しないことです。 ;</span><span style="font-family: 宋体;">要素間の空白行</span></p><p> </p><p><span><span style="font-family: 宋体;">はインライン要素であり、段落内の一部のテキストの属性を定義できます</span></span></p>
<p> </p>
<p> 文法形式: </p>
<p> </p>
<p><p align=" " >...</p></p>
<p> </p>
<p>align<span style="font-family: 宋体;">レイヤー内の要素の水平方向の配置を設定します</span></p>
<p> </p>
<p>stule<span style="font-family: 宋体;">要素アプリケーションの属性を設定します</span><span style="font-family: 'Times New Roman';">css </span><span style="font-family: 宋体;">canonical</span></p>
<p> </p>
<p><p><span style="font-family: 宋体;">互換性は</span><span style="font-family: 'Times New Roman';"><span></span><span style="font-family: 宋体;">よりも少し良いので、</span><span style="font-family: 'Times New Roman';"><p>を使用するのが最善です。 </span>トップに戻る</p>
<p> </p>
<p style="text-align: right"><a href="#_labelTop">テーブル構文形式 </a>：<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > </p> <h2><strong><table width="" bgcolor="" background="" border="" cellpacing="" cellpadding=""></strong></h2> <p></p><tr>。 ..<td>... .</td>....</tr><p></p> <p></p></table><p></p> <p></p>border<p> 境界線の幅のデフォルト値は </p>
<p>0</p> <p>、境界線もなし<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;">セルペース</span>表内のセルの余白サイズ、デフォルト値は2ピクセル</p>
<p></p>
<p><span style="font-family: 宋体;">cellpadding</span>表内のセル間の間隔サイズ、デフォルト値は2ピクセル</p>
<p></p>
<p><span style="font-family: 宋体;"></span>tr</p> 要素 <p></p>
<p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > </p>
<h3> 文法形式: <strong><span style="font-family: 宋体;"> </span></strong><tr align="" bgcolor="">....</tr></h3>
<p> </p> <p>整列</p>属性の配置のオプションの値は次のとおりです: <p></p>left,center,tight、<p></p>デフォルトは <p></p>left <p><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span>bgcolor<span style="font-family: 宋体;">行の背景色を指定します</span><span style="font-family: 'Times New Roman';"></span></p>
<p></p>
<p><span style="font-family: 宋体;"> </span>TD </p>要素<p></p> <p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h3>文法形式:<strong> <span style="font-family: 宋体;"> </span></strong><td width="</h3>width<p></p>" height="<p></p>height<p></p>" align="<p><span style="font-family: 宋体;">水平配置</span><span style="font-family: 'Times New Roman';">" </span><span style="font-family: 宋体;">垂直方向の配置</span><span style="font-family: 'Times New Roman';">" bgcolor="" background ="" rowspan="</span><span style="font-family: 宋体;">セルの行範囲</span><span style="font-family: 'Times New Roman';">" colapan="</span><span style="font-family: 宋体;">セルの列範囲</span><span style="font-family: 'Times New Roman';">">...</td> ; </span><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span>align<span style="font-family: 宋体;"> 属性 オプションの値は次のとおりです: </span><span style="font-family: 'Times New Roman';">left、center、right </span></p><p> </p><p>valign<span style="font-family: 宋体;"> 属性のオプションの値は次のとおりです: </span><span style="font-family: 'Times New Roman';">top、middle、bottom </span> </p><p> </p><p>rowspan<span style="font-family: 宋体;"> と </span><span style="font-family: 'Times New Roman';">colapan</span></p> の行と列の数量、デフォルトは <p></p>1 <p><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;">トップに戻る</span><span style="font-family: 'Times New Roman';"></span><h2><strong>input<span style="font-family: 宋体;"> 要素の構文形式: </span></strong></h2><p> </p><p><input type=""></h3></span></p>
<p> </p>
<p>type<span style="font-family: 宋体;"> 属性のオプションの値は次のとおりです: </span></p>
<p> </p>
<p>text <span style="font-family: 宋体;">シングル-行テキストボックス</span> </p>
<p></p> <p>属性: <span style="font-family: 'Times New Roman';">name </span><span style="font-family: 宋体;">テキストボックスの名前</span></p>
<p> </p>
<p>value <span style="font-family: 宋体;">テキストボックスの初期値</span></p>
<p></p>
<p>size <span style="font-family: 宋体;">テキストボックスの長さ</span></p> <p></p>
<p>最大長<span style="font-family: 宋体;">入力文字列の最大長</span></p>
<p> </p>
<p>ラジオ <span style="font-family: 宋体;">ラジオボタン</span></p>
<p></p>
<p>属性: <span style="font-family: 'Times New Roman';">名前</span><span style="font-family: 宋体;">ラジオボタン名</span></p>
<p> </p>
<p>値<span style="font-family: 宋体;">内部値</span> </p>
<p> </p>
<p>チェック済み <span style="font-family: 宋体;">デフォルトで選択されています</span> </p>
<p> </p>
<p>チェックボックス <span style="font-family: 宋体;">チェックボックス </span></p>
<p></p>
<p> 属性: <span style="font-family: 'Times New Roman';">名前 </span><span style="font-family: 宋体;">チェックボックス名 </span></p>
<p> </p>
<p>値 <span style="font-family: 宋体;">内部値 </span></p>
<p> </p>
<p>チェック済み <span style="font-family: 宋体;">デフォルトで選択済み </span></p>
<p> </p>
<p>リセット <span style="font-family: 宋体;">リセットボタン</span></p> <p></p>
<p>送信<span style="font-family: 宋体;">OKボタン</span></p>
<p></p>
<p>属性: <span style="font-family: 'Times New Roman';">名前</span><span style="font-family: 宋体;">ボタン名</span></p>
<p></p>
<p>値<span style="font-family: 宋体;">ボタンに表示されるテキスト</span></p>
<p></p>
<p>パスワード<span style="font-family: 宋体;">P assword ボックス</span></p>
<p> </p>
<p>プロパティとテキストボックスプロパティ 同一 </p>
<p> </p>
<p>file <span style="font-family: 宋体;">ファイルフィールド </span></p>
<p> </p>
<p>属性: <span style="font-family: 'Times New Roman';">name</span><span style="font-family: 宋体;"> ファイルフィールド名</span></p>
<p> </p>
<p>size <span style="font-family: 宋体;">ファイルフィールドの長さ</span></p>
<p></p> <p>maxlength <span style="font-family: 宋体;">受け入れられる文字数ファイルフィールドの上限</span></p>
<p></p>
<p>隠し<span style="font-family: 宋体;">隠しドメイン</span></p>
<p></p>
<p>属性: <span style="font-family: 'Times New Roman';">名前</span><span style="font-family: 宋体;">隠しドメイン名</span></p>
<p> </p>
<p>値<span style="font-family: 宋体;">デフォルト値</span></p> <p> </p>
<p> 画像 <span style="font-family: 宋体;">ピクチャドメイン</span></p>
<p> </p> <p>属性: <span style="font-family: 'Times New Roman';"> 名前で表されるボタン</span><span style="font-family: 宋体;">は、</span><span style="font-family: 'Times New Roman';">submit、reset、</span><span style="font-family: 宋体;">、またはその他の</span><span style="font-family: 'Times New Roman';"></span> </p>
<p>src </p>
<p>url <span style="font-family: 宋体;"></span>address<span style="font-family: 'Times New Roman';"></span>です。 <span style="font-family: 宋体;"> </span></p> リストボックス<p>< select> ; </p><p><span style="font-family: 'Times New Roman';"> </span></p> 文法形式: <p></p> <p></p><select></p>
<p></p> <p></p>....<p></p> <p></p><option>....</option><p></p> <p></p>... ..<p></p> <p></p></select><p></p> <p></p>
<p>トップに戻る</p>
<p style="text-align: right"><a href="#_labelTop"></a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >select</p>要素 <h2><strong><span style="max-width:90%"></span> </strong></h2>構文形式: <p><名前を選択="" サイズ="" 複数> </select> </p>
<p><span style="font-family: 'Times New Roman';"></span></p>name <p>リストボックスの名前を指定します</p>
<p><span style="font-family: 宋体;"> </span></p>size <p>このパラメータが指定されている場合、</p>
<p>select<span style="font-family: 宋体;"></span>要素はリスト、それ以外の場合は <span style="font-family: 'Times New Roman';"> ドロップダウン リスト ボックスです</span> <span style="font-family: 宋体;"><a href="http://www.php.cn/code/4996.html" target="_blank"></a> </span></p>複数<p> このパラメータが指定されている場合は、リスト ボックスで複数の項目を選択できることを意味し、それ以外の場合は 1 つの項目のみを選択できます</p>
<p><span style="font-family: 宋体;"> </span></p>
<p></p>
<p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >オプション</p>属性<h3><strong><span style="max-width:90%"> </span> </strong></h3>
<p>構文形式: <span style="font-family: 'Times New Roman';"><option value="" selected></option> </span></p>
<p> </p>
<p>value <span style="font-family: 宋体;">リスト項目の値 </span></p>
<p> </p>
<p>selected <span style="font-family: 宋体;">このパラメータが設定されている場合、これは次によって選択されます。デフォルト 1 つの項目</span></p>
<p></p>
<p style="text-align: right"><a href="#_labelTop">トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h2><strong>複数行のテキストボックス<span style="font-family: 'Times New Roman';"><テキストエリア> </span></strong></h2>
<p></p>
<p><テキストエリア名="" Cols="" rows="" Wrap= "off /physical/virtual" > </p>テキストボックスの高さ<p></p><p></p><p>wrap</p>テキストボックスの折り返し方法のオプションの値は次のとおりです: <p><span style="font-family: 宋体;"></span> </p><p>off</p>行を保存しないラッピング情報<p><span style="font-family: 宋体;"></span></p><p>物理</p>ブラウザに情報を強制的に<p><span style="font-family: 宋体;">ウェブ</span></p>サーバーに送信します。複数行のテキストボックス内のテキストは一行ずつ送信する必要があります。連続メッセージを送信するには<p></p><p><span style="font-family: 宋体;"></span>仮想</p>ユーザーが Enter キーを押さない限り、単語の文字列。 <p></p><p><span style="font-family: 宋体;"></span></p>トップに戻る<p></p><p><span style="font-family: 宋体;"></span>css <span style="font-family: 'Times New Roman';">カスケード スタイル シート</span><span style="font-family: 宋体;"></span></p> <p></p> カスケード スタイル シートを導入する方法は次のとおりです: <p><span style="font-family: 宋体;"> </span></p><p> </p><p style="text-align: right"> <a href="#_labelTop">外部スタイルシート</a><img class="anchorclass"/ alt="HTMLでよく使われるタグのまとめ" ></p><h2> <strong>例: <span style="max-width:90%"><head> </p>
<p></p><link rel="stylesheet" href="/css/default.css"><p></p> <p></p></head><p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > </p>
<h3><body> <strong> </strong>
</h3>....<p></p> <p><span style="font-family: 'Times New Roman';"></body></span></p> <p></p></html><p></p> <p></p>属性: <p>rel </p>
<p>は</p>
<p><link>を記述するために使用されます。 </p>
<p>要素はここにあります達成すべきタスクは、スタンドアロンの </p>
<p>css</p>
<p> ファイルを接続することです。 </p>
<p>href</p>
<p> 属性は </p>
<p>url</p>
<p> アドレス </p>
<p><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;"> 埋め込みスタイルシート: </span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;"> 例: </span><html> <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span> <span style="font-family: 'Times New Roman';"> font105{font:10.5pt; color:blue}</span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';">--></span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';"></style></span><span style="font-family: 宋体;"> </span></p></head><p></p> <p></p><body>....</body><p></p> <p> <span style="font-family: 'Times New Roman';"></html></span></p>
<p></p>
<p></p>
<p>要素のデフォルト</p>
<p></p>
<p></p>形式: <p><p style="font-size:10.5pt"> </p>
<p></p>インポートスタイルシート<p></p>
<p> </p>
<p>html> </p>
<p></p>
<p> </p>
<p><head></p><p><style type="text/css"> </p> <p></p>@インポートurl(css/home.css);<p></p> <p></p>--><p></p> <p></p></style><p></p> <p></p><body><p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p> <h3>.... <strong></strong> </h3>
<p>& lt;/本文> ;</p>
<p> <span style="font-family: 'Times New Roman';"></span></html></p>
<p> </p>
<p>css<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >優先度 </p>
<h3><strong> </strong></h3>スタイル定義がターゲットに近いほど優先度が高く、優先度の高いスタイルは低い優先度を継承します。優先スタイルの定義は重複していますが、重複している定義はオーバーライドされます<p></p>
<p></p>
<p>4<span style="font-family: 'Times New Roman';"></span> タイプのスタイル シートが同じ要素に対して異なるスタイルを定義する場合、その優先順位は高から低の順で、要素のデフォルト、インライン スタイル シート、インポートされたスタイル シート、外部スタイル シートになります。 <span style="font-family: 宋体;"></span></p>
<p></p>
<p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h3>css<strong>構造<span style="font-family: 宋体;"></span></strong>
</h3> <p></p>例: <p>td{font-size:10.5pt;color:#666666} <span style="font-family: 'Times New Roman';"></span></p>
<p></p>c <p> スタイルは 2 つの基本的な部分で構成されます、<span style="font-family: 宋体;"> </span></p> <p></p> セレクター <p><td><span style="font-family: 'Times New Roman';"></span> と宣言 <span style="font-family: 宋体;"></span>{font-size:10.5pt;color:#666666} <span style="font-family: 'Times New Roman';"></span></p> <p></p>宣言も 2 つの部分で構成されます: <p></p> <p></p>属性<p>フォントサイズ、カラー<span style="font-family: 'Times New Roman';"></span>、値<span style="font-family: 宋体;"></span>10.5pt、#666666 <span style="font-family: 'Times New Roman';"></span></p>
<p></p>
<p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h3>セレクターは<strong>6<span style="font-family: 'Times New Roman';"></span>タイプ<span style="font-family: 宋体;"></span></strong>
</h3>
<p></p>1に分かれています<p>要素セレクター<span style="font-family: 宋体;"></span></p> <p></p>オンの場合ページ 複数の要素が同じスタイルを持つ場合、複数の要素をカンマで区切って一緒に定義できます。例: <p>td,p,li,input,select{font-size:12px;} <span style="font-family: 'Times New Roman';"></span></p> <p></p>2class( <p>クラス <span style="font-family: 宋体;"></span>)<span style="font-family: 'Times New Roman';"></span>セレクター <span style="font-family: 宋体;"></span></p> <p></p> 例: 〈<p>head> <span style="font-family: 'Times New Roman';"></span></p> <p></p><title>....</title><p></p> <p></p><style type ="テキスト/CSS "><p></p>
<p></p><!--<p></p><p></p>.red{font-size:10.5pt;color:#ff0000}<p></p> <p></p>--><p></p>
<p></p></style><p> </p> <p></p></head><p></p> <p></p><body bgcolor="#ffffff"><p></p> <p></p><p class="red"><p>学者・景港山区職員<span style="font-family: 宋体;"></span></p> <span style="font-family: 'Times New Roman';"> </span></p> <p></p><p><p>Nine Link Leave Plan<span style="font-family: 宋体;"></span></p> <span style="font-family: 'Times New Roman';"></span></p> <p></p></body><p></p> <p></p>もう 1 つの方法は、適用できるページ要素を制限することです<p> </p>
<p> </p> 例: 〈<p>head> <span style="font-family: 'Times New Roman';"></span></p> <p></p><title>....</title><p></p> <p></p><style type="text/css"><p></p> <p></p><! -- <p></p> <p></p>h1.red{color:#ff0000}<p></p> <p></p>--><p></p> <p></p></style><p></p> <p></p></head><p></p> <p> </p><ボディの背景色= "# ffffff"><p></p> <p></p><p class="red"><p>学者・景港山区職員<span style="font-family: 宋体;"></span></p> <span style="font-family: 'Times New Roman';"></span></p><h1 class="red"><p> Nine Links の離脱計画 </p>
<p></h1> <span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span></p></body><p></p> <p></p>3 id<p> セレクター </p>
<p><span style="font-family: 宋体;"> </span></p> は <p>class</p>
<p> の選択に似ています。 <span style="font-family: 'Times New Roman';"> </span>」を追加するだけです。 '<span style="font-family: 宋体;"></span>変更は <span style="font-family: 'Times New Roman';"></span>'#' <span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span></p>例: <p><body> </p>
<p><span style="font-family: 'Times New Roman';"> </span></p><head><p></p> <p></p><style type="text/css"> ;<p></p>
<p> </p>＆lt;！ - <p></p>＃select {font-size：18px; color}<p></p>
<p></p> - ＆gt; <p> </p> <p></p> <body><p></p> <p></p><テーブル width="250" border="1" height="50"><p></p> <p></p><tr><p></p> <p>T & lt; align = "center" id = "select" & gt; ルーンを選択 </p>
<p><span style="font-family: 宋体;"> & lt;/tr & & gt; table & gt; </span><span style="font-family: 'Times New Roman';"> </span></p> <p></p> </body> ページスクリプト言語の呼び出しを容易にするために <p></p><p></p><p></p><p></p><p>関連付けセレクター</p><p> </p><p></p>< ;体><p></p>
<p><span style="font-family: 'Times New Roman';"><頭> ;</span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"><style type="text/css"></span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';"><!--</span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';">td p{font-size:18px;color :#0000ff}</span><span style="font-family: 宋体;"> </span></p>--><p></p> <p><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > </p>
<h3><tr><strong></strong> </h3>
<p><td align="center"><p></p>連想セレクター <p> </p>< ;/p></td> <p></p></table><p></p> <p></p><p><p>連想セレクター </p>
<p></p> <p></p>< /ボディ><p></p> <p> </p> </html><p></p>
<p> </p>要素に含まれるテキストのスタイルを設定します<p><td></p>
<p> </p>
<p></p>
<p> </p>疑似クラスセレクター<p>の両方の条件が満たされた場合にのみスタイルが有効になります。 </p>
<p></p>は<p>css</p>
<p>セレクターでのみ使用できますが、コード内の</p>
<p>html</p>
<p>セレクターでは使用できません</p>
<p></p>
<p><span style="font-family: 宋体;">例: </span><span style="font-family: 'Times New Roman';"></span></p> html> </span></p> <p></p> <p></p><頭> ;<p></p> <p></p><style type="text/css"><p><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';"><!--</span></p> <p></p>a:link{color: #000000}<p> </p> <p></p>a:visited{color:# cccccc}<p></p> <p></p>a:hover{color:#ff0000}<p><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;">a:active{color:#ooooff}</span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;">--></span></p> <p></p>< ;/style><p></p> <p></p>< ;/head><p><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;"><body></span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;"><p><a href="#"></span>関連付けセレクター</p>
<p></a> <p> </p>< ;p><a href="#"><p>関連付けセレクター</p>
<p></a>gt;<p> </p>
<p><span style="font-family: 'Times New Roman';"><p><a href="#"></span>関連付けセレクター</p> <p></a><p> そうしないと、ページ上の接続が混乱します</p>
<p></p>
<p></p>
<h3><strong>擬似要素セレクター</strong></h3>
<p>は、擬似クラスセレクターの定義に似ています。現在、ほとんどのブラウザーでサポートされているのは、first-line pseudo-element (<span style="font-family: 'Times New Roman';">first-line</span><span style="font-family: 宋体;">) と first-character pseudo- の 2 つです。要素 </span><span style="font-family: 'Times New Roman';">(first -letter)</span><span style="font-family: 宋体;"> は、最初の行を大文字にして最初の行を沈める効果を実現するために使用されます</span></p>
<p>例: 最初の行</p>
<p><html></p>
<p><head></p>
<p><スタイル></p>
<p><- -</p><p>p:first-line{color:red;font-size:20pt}</p><p>--> </p>
<p></style></p>
<p></hesd> ;body></p>
<p><p> ;dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> </p>
<p></body> </p>
<p></html></p>
<p>最初の単語</p>
<p> <html&g t;</p>
<p><head> </p>
<p><style></p>
<p><!--</p><p>p:first-letter{color:red;font-size:50pt;float:left;}</p><p>- -></p>
<p></style></p> <p></hem t;</p>
<p>上記の両方はブロック要素にのみ適用できます</p>
<p></p>トップに戻る<p></p>
<p></p>
<p>css</p>ルール<p></p>
<p></p> <p> 1.<a href="#_labelTop" style="text-align: right;">継承</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h2>例: <strong><html><span style="font-family: 宋体;"></span><head></strong>
</h2><style type="text/css"><p><strong><!--<span style="font-family: 宋体;"></span>td{font-size :12pt}</strong></p>p{color:red}<p><span style="font-family: 'Times New Roman';">--></strong></p></style><p></p></裾;<p></p><p>css<p>ルール</p>
<p></p></p>
<p></p> </td> <p></p></table><p></p></body> <p></p><p> <p></p><td><p></p> <p> </p>css<p></p> は属性要素で使用され、同じカバレッジ、異なる継承、<p><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';">2.</span>組み合わせ</p>
<p></p> <p>Example</p>:td{font-size:12pt}<p></p>
<p>p1{font-size: 12pt}</p>
<p>結合後<span style="font-family: 宋体;"></span>td,.p1{font-size:12pt}<span style="font-family: 'Times New Roman';"></span> <span style="font-family: 宋体;">3.</span>レイヤー化<span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span>スタイルで定義したらテーブル属性で定義</p>
<p><html><strong> <span style="font-family: 宋体;"><head></span></strong><style type="text/css"></p>
<p><!--<span style="font-family: 'Times New Roman';"></span>red {color:#ff0000 l重要}</p><p>--></p>
<p></style></p> <p></hesd></p>
<p><body> <strong><span style="font-family: 宋体;"><table width="300" border="1" height= "150"></span></strong><tr> </p>
<p><td align="center" style="color:#0000ff" class="red"></p>地元の治安判事<p></p></td><p> </p></tr> <p></p></body><p></p> </html><p></p> <p>css</p>単位 <p></p>
<p></p> は、次の 4 つのカテゴリに分類されます: <p></p>1 <p> 長さの単位</p>
<p> </p> 値は、整数、小数、正の数、負の数、<p> です。 0<span style="font-family: 宋体;"></span>の後に単位が続きます（負の値を安易に使用しないでください）<span style="font-family: 'Times New Roman';"></span></p>変換関係: <p></p>1in(<p>インチ</p>
<p>)=6pc(</p>
<p>パイ</p> <p><strong>1in(<span style="font-family: 宋体;">インチ</span></strong>) =72pt(</p>
<p>ポンド</p>
<p>)<span style="font-family: 宋体;"></span></p>
<p>1in(<span style="font-family: 宋体;">インチ</span><span style="font-family: 'Times New Roman';">)=2.54(</span><span style="font-family: 宋体;">cm</span><span style="font-family: 'Times New Roman';">)</span></p>
<p>1cm(<span style="font-family: 宋体;">cm</span><span style="font-family: 'Times New Roman';">)=10mm(</span><span style="font-family: 宋体;">mm</span><span style="font-family: 'Times New Roman';">)</span></p>
<p>1cm(<span style="font-family: 宋体;">cm</span>) <span style="font-family: 'Times New Roman';">)=0.3937(</span>) <span style="font-family: 宋体;">インチ</span><span style="font-family: 'Times New Roman';">)</span></p>
<p>1pt(<span style="font-family: 宋体;">ポンド</span><span style="font-family: 'Times New Roman';">)=1/72in(</span><span style="font-family: 宋体;">インチ</span><span style="font-family: 'Times New Roman';">)=0.2478mm(</span><span style="font-family: 宋体;">mm</span><span style="font-family: 'Times New Roman';">)</span></p>
<p>1個(<span style="font-family: 宋体;">パイ</span>) <span style="font-family: 'Times New Roman';">)=1/6インチ(</span><span style="font-family: 宋体;">インチ</span><span style="font-family: 'Times New Roman';">)=</span><span style="font-family: 宋体;">中国の新しい4号書体のサイズ</span></p>
<p>2 <span style="font-family: 宋体;">パーセント単位</span></p>
<p>3 <span style="font-family: 宋体;">色単位</span></p>
<p>4 url<span style="font-family: 宋体;">単位</span></p>
<p><a href="#_labelTop" style="text-align: right;">トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p> <h2>p <span style="max-width:90%">属性</span>
</h2>
<p>color: #999999 <span style="font-family: 宋体;">テキストカラー</span></p>
<p>font-family: <span style="font-family: 宋体;">ソングスタイルフォント</span></p>
<p>font-size: 10pt <span style="font-family: 宋体;">テキストサイズ</span></p>
<p>font-style:itelic <span style="font-family: 宋体;">Text italic </span></p>
<p> font-variant:small-caps <span style="font-family: 宋体;">小さいフォント</span></p>
<p><a href="http://www.php.cn/wiki/865.html" target="_blank">letter-spacing</a> : 1pt <span style="font-family: 宋体;">テキスト間隔</span></p>
<p>line-height : 200% <span style="font-family: 宋体;">行の高さを設定</span></p>
<p>font-weight:bold <span style="font-family: 宋体;">テキストボールド</span> </p> <p> <a href="http://www.php.cn/wiki/869.html" target="_blank">vertical-align</a>:sub <span style="font-family: 宋体;">subscript</span></p>
<p>vertical-align:super <span style="font-family: 宋体;">superscript</span></p>
<p><a href="http://www.php.cn/wiki/859.html" target="_blank">text-decoration</a>:line-through <span style="font-family: 宋体;">add</span><span style="font-family: 'Times New Roman';">?h</span><span style="font-family: 宋体;">line以外</span></p> <p> text-decoration:overline <span style="font-family: 宋体;">先頭行を追加</span> </p>
<p>text-decoration:underline <span style="font-family: 宋体;">下線を追加</span></p>
<p>text-decoration:none ?h<span style="font-family: 宋体;">下線接続を除く</span></p>
<p><a href="http://www.php.cn/wiki/863.html" target="_blank">text-transform</a> : 大文字にする <span style="font-family: 宋体;">最初の単語を大文字にする</span></p> <p>text-transform :大文字 <span style="font-family: 宋体;">英語大文字</span></p>
<p>text-transform : 小文字<span style="font-family: 宋体;">英語表記</span></p>
<p>text-align:right <span style="font-family: 宋体;">Text</span><span style="font-family: 'Times New Roman';">*</span><span style="font-family: 宋体;">右揃え</span></p>
<p>text-align:left <span style="font-family: 宋体;">Text</span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;">* -整列</span></p>
<p>text-align:center<span style="font-family: 宋体;">テキストを中央揃え</span></p>
<p>これらは、<span style="font-family: 'Times New Roman';">css</span><span style="font-family: 宋体;">ページに適用できるいくつかの単純なテキスト効果です。 </span></p>
<p style="text-align: right"><a href="#_labelTop">トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ></p>
<h2>
<strong>背景</strong> </h2>
<p>TEXTAREA STYLE="border:1px 点線ピンク"></p>
<p>実線</p>
<p><TEXTAREA STYLE="border:1px 実線ピンク"></p> <p> <br></p>
</form>
</table></strong>
</h2>
</li></ul><p>以上がHTMLでよく使われるタグのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。</p> </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=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=よく使われる" target="_blank">よく使われる</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=要約する" target="_blank">要約する</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=ラベル" target="_blank">ラベル</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=まとめ" target="_blank">まとめ</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/367595.html" title="共通のグローバル属性の概要と共有">
<span>前の記事：共通のグローバル属性の概要と共有</span>
</a>
<a href="https://www.php.cn/ja/faq/367598.html" title="htmlタグを徹底解説">
<span>次の記事：htmlタグを徹底解説</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/375959.html">PHP配列に要素を追加する方法</a>
</div>
<div>2023-03-14 15:58:02</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/377752.html">シンプルな多肢選択評価システムを実装する JS を示す例</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/376780.html">同じ IP の複数の送信を制限する PHP ソリューション</a>
</div>
<div>2023-03-15 07:38:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/362217.html">正規表現を使用して HTML でフォーム検証を実装する</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/379000.html">JavaScript 厳密モードでのこの指摘の問題の詳細な説明</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/377851.html">Java でツリー メニュー (マルチレベル メニューを含む) を構築するためのコード例</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/376633.html">ホバーが離れたときにスムーズな遷移を実装する CSS3 の詳細な例</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/370599.html">スワイパーカルーセル画像のソースコード共有分析</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/378766.html">VsCode プラグインを要約して整理する</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="https://www.php.cn/ja/faq/373935.html">HttpUtils リクエスト ツール クラス コード</a>
</div>
<div>1970-01-01 08:00:00</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/176403.html" target="_blank" title="PX から REM への自動変換エラー" class="wdcdcTitle">PX から REM への自動変換エラー</a>
<a href="https://www.php.cn/ja/wenda/176403.html" class="wdcdcCons"><style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> から 2024-04-16 09:34:16</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>4687</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/176396.html" target="_blank" title="ページが突然 CSS またはブートストラップを取得できなくなります" class="wdcdcTitle">ページが突然 CSS またはブートストラップを取得できなくなります</a>
<a href="https://www.php.cn/ja/wenda/176396.html" class="wdcdcCons">それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> から 2024-04-06 21:58:04</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>800</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/176386.html" target="_blank" title="CSSでページ下部の謎の空白を解決する方法" class="wdcdcTitle">CSSでページ下部の謎の空白を解決する方法</a>
<a href="https://www.php.cn/ja/wenda/176386.html" class="wdcdcCons">Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> から 2024-04-06 20:22:15</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>454</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/176383.html" target="_blank" title="livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法" class="wdcdcTitle">livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法</a>
<a href="https://www.php.cn/ja/wenda/176383.html" class="wdcdcCons">laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したい これまでに試したこと: Laravel コンポーネントを含めることによる Live...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> から 2024-04-06 20:02:10</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>2</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>543</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/176364.html" target="_blank" title="文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド" class="wdcdcTitle">文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド</a>
<a href="https://www.php.cn/ja/wenda/176364.html" class="wdcdcCons">次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> から 2024-04-06 17:40:41</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>2</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</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/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.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/htmlbq" 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/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.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/htmlzxbjq" 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/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.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/htmlwyzz" 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/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.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/htmlkg" 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/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.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/htmlssm" 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/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.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/htmlztdxzmsz" 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/htmlztxt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214125629445.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/htmlztxt" 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/htmlwbkdmzmx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120496282.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/htmlwbkdmzmx" class="title-a-spanl" title="HTMLテキストボックスのコードの書き方"><span>HTMLテキストボックスのコードの書き方</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="URLってどういう意味ですか？" href="https://www.php.cn/ja/faq/418772.html">URLってどういう意味ですか？</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="DOM とはどういう意味ですか?" href="https://www.php.cn/ja/faq/414303.html">DOM とはどういう意味ですか?</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="画像サイズを変更する方法" href="https://www.php.cn/ja/faq/414252.html">画像サイズを変更する方法</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="HTMLでフォントを太字にする方法" href="https://www.php.cn/ja/faq/414520.html">HTMLでフォントを太字にする方法</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="HTML画像のサイズを設定する方法" href="https://www.php.cn/ja/faq/475145.html">HTML画像のサイズを設定する方法</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>1426952 <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>4276855 <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>2573993 <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>509866 <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>866573 <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 >1426952 回の学習</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 >2573993 回の学習</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 >509866 回の学習</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 >216215 回の学習</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 >898239 回の学習</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 >8162 回の学習</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 >6467 回の学習</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 >5379 回の学習</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 >737 回の学習</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 >27339 回の学習</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?1736341323"></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>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '9']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</body>
</html>]]></plaintext></p></div></div>
