HTMLでよく使われるタグのまとめ-htmlチュートリアル-php.cn

HTMLでよく使われるタグのまとめ

htmlタグ<
フォント効果
セクション区切りタグ
リンク形式
ステッカー/音楽
テーブル構文
分割ウィンドウ
フォーム
色を表現するには3つの方法があります。
....属性

align属性

リスト

1 順序のないリストはシンボルリストとも呼ばれます
2順序付きリスト
3 定義リスト

name 接続名
ターゲットターゲットウィンドウ構文形式:
image 構文形式:
フォント要素
Table 構文形式:

tr 要素
td 要素

input 要素の構文形式:
要素を選択

オプション属性

複数行のテキストボックス

トップに戻る HTMLでよく使われるタグのまとめ

htmlタグ<

通常のスクロール

...

スライド

...

デフォルトのスクロール

<マーキー動作=代替>...

前後にスクロール

<マーキー方向=下>...

下にスクロール

<マーキー方向=上>。 ..

左にスクロール

...スクロール数

...幅を設定...高さを設定

...背景色を設定

...
スクロール速度を設定

...スクロール時間を設定

...マウスが上を通過するとスクロールを停止します

...< ;/marquee> マウスが離れるとスクロールを開始します

トップに戻る

フォント効果

...
タイトル単語
(
MAX)

...
タイトルワード(最小)

...太字フォント

...太字(強調) (上記と同じ効果)

...斜体
...斜体(強調)

...斜体 (は定義を意味します)
...結論

... 結論 (はテキストの挿入を意味します)

~~...~~水平線

~~...~~取り消し線

~~...~~ キーボードテキストフォントを入力

固定幅フォント
(
ファイル内の中央スペース、行折り返し、位置決め機能が有効
)

...</plaintext>固定-width font(はマーク記号を実装しません) <リスト>... ;...最小フォント <フォントスタイル='font-size:100 px'>... 無制限に増加 トップに戻る ゾーンブレークマーク <hr>水平線<hr size= '9'></a> 水平線 (<a href="#_labelTop"></a>サイズを設定<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >) <h2> </h2> 80%' >水平線(幅を設定) <hr color='ff0000'>水平線(設定色) (改行) ) ...ウォーターズ(改行なし) ...ウォーターズ()段落 ) <center>...</center>中央揃え <a href="#_labelTop">トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h2><!>リンク形式 </h2> <base href=アドレス>(デフォルトのリンクパス) <a href=アドレス></a>外部リンク <a href=addresstarget='_blank'></a>外部リンク(新しいウィンドウを開きます) <a href=アドレスtarget='_top'></a>外部リンク(全画面リンク) <a href = =ターゲット = ' ページボックス名' & gt; & lt;/a & gt; トップ <>ステッカー/音楽 <画像src=画像アドレス<a href="#_labelTop"></a>><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >ステッカー<h2> <img src =画像アドレスwidth="180"</h2>>画像幅を設定 < img src=画像アドレスheight="30"& gt ;画像の高さを設定します<img src=画像アドレスalt="プロンプトテキスト">画像プロンプトテキストを設定 <img src=画像アドレスborder=" 1 ">画像の境界線を設定 <bgsound src=MID音楽ファイルアドレス>BGM設定 <a href="#_labelTop">トップに戻る</a> <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h2>< !>テーブルの構文</h2> <table aling=left>...</table>テーブルの位置,left <table aling="center">.. .</table>テーブルの位置、中心 <tableの背景=画像パス>...</table>のURL=背景画像はパス URL です <table border=border size>...</table>テーブルの枠線のサイズを設定します(数値を使用) <table bgcolor=カラーコード>...</table>テーブルの背景色を設定します <table borderclor=カラーコード> ...</table>テーブルの境界線の色を設定します <table borderclordark=カラーコード>...</table>テーブルの境界線の色を設定します濃い色の境界線 <table borderclorlight=カラーコード>...</table>テーブルライトの境界線の色を設定します <table cellpadding=パラメータ>。 .. ... /table>テーブルの列数を指定<table Frame=parameter>...</table> テーブルの表示方法を設定表の概要<テーブル幅=幅>...</テーブル>テーブルの幅を指定します(数字を使用) <テーブル高さ=高さ td>セル結合列の列数を指定(数値を使用) <td rowspan=parameter>...</t開発&gt ;ストレージを指定する列を結合する列の数(数値を使用) トップに戻るウィンドウを分割する<フレームsetcols=20% ,*"&g t; 左右に分割,<a href="#_labelTop">左のフレームを</a><img class="anchorclass"/ alt="HTMLでよく使われるタグのまとめ" >20%に分割<h2>ブラウザは右のフレームのサイズを自動的に調整します</h2><frameset rows="20 %,*">上下に分割,上のフレームを20%に分割しますブラウザが下のフレームのサイズを自動的に調整します <framesetcols="20 %,*">左右のフレームを分割します <framesetcols="20%,*,20%">左、中央、右のフレームを3つのフレームに分割します <上下のフレームに分割 <frameset rows="20%,*,20%">上下のフレームを分割 属性: cols 垂直カットウィンドウ (2 つのウィンドウを左右に分割するなど) は、整数値、パーセント、* を受け入れます (* は、占有されている残りのスペースの数を表します)。分割された部分はカンマで区切る必要があります。例: cols="30,*,50%" は 3 つのウィンドウに分割できます。最初の部分は絶対除算の場合 30 ピクセル (ピクセル) であり、2 番目の部分は割り当てが完了しました。最初と 3 番目のビューの後の残りのスペース、3 番目の部分はウィンドウ全体の 50% を占め、これは相対的な分割です。 rowsは、上下のウィンドウを分離する水平カットです。値の設定は上記と同じです。 上記の 2 つの属性を同じ <frameset> タグ内に配置しないようにしてください。Wangjing (netscape ) はサポートしていないため、複数の分割を使用するようにしてください。 frameborder フレームの境界線を設定します。値は、境界線なしで0、境界線ありで1です。 border フレームの境界線の太さを設定します framespacing スペースを保つためのフレームとフレーム間の距離を表します frame 要素（単一ラベル） 文法format: <frame name="" src="url"scrolling="yes/no" noresize> 属性: name フレーム名、ターゲットに接続するフレームを指定窓。 src フレーム内に表示される url アドレスは、html ドキュメントに対応する必要があります。 スクロール スクロールバーを表示するかどうか、はい/いいえ、autoは自動です。 noresize ユーザーがこのフレームのサイズを変更できないように設定します。 noframe要素 フレームを使用するページがサポートされていないブラウザで開かれたときを指定しますフレーム表示される情報 構文形式: <noframe> .... </noframe> <a href="#_labelTop"> トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h2>フォーム <form></form> </h2> 文法形式: <form action="url" method="get/post"> .... <input type=submit><input type=reset> action is フォームに入力された情報を cgi に送信できるように、フォームを処理するプログラムの場所を指定します。このパラメータを action="mailto:lwr8494@163.com" に設定できます。 このフォームに入力された情報は、このメールアドレスに送信されます。 メソッドは、cgiやその他のネットワークプログラムに情報を送信する方法を指します。オプションの post メソッド、get メソッド、post メソッドを使用すると、大量の情報を送信できます。 get メソッドは、1k 以下の情報のみを受け入れます。 申請フォームは post 検索エンジンは <! HREF HREF をターゲットにする> ハイパーリンクを指定します<A NAME=アンカーの名前> 接続ポイントの名前 <ADDRESS>....</ADDRESS> メールアドレスを表示するために使用されます 太字 <ベースターゲット> <ベースフォントサイズ>フォントサイズ <BGSOUND SRC> BGMを追加 <BIG> 大きなフォントを表示 <点滅> <BODY TEXT LINK VLIN K> テキストを設定color <BODY> この記事を表示 改行 <CAPTION ALIGN> <キャプション&gt ;... </CAPTION> 表にタイトルを追加します <CENTER> 中央に揃えます <CITE>...<CITE> <CODE>...</CODE> コードの一部をリストするために使用します <COMMENT>...</COMMENT> コメントを追加します <DD&gt ; 設定定義リストの項目説明<DFN>...</DFN> 表示 " 定義" テキスト gt;.</DIR> リストのテキストラベル <DL>...</DL> <DT>定義リスト項目のラベル 強調用 フォントサイズを設定する <FORM ACTION> モバイルフォームの処理方法を設定 <form method> モバイルフォームのデータ送信方法を設定 <フレームマージンハイト> ウィンドウの設定<フレームマージン幅> ウィンドウの左右の境界を設定 <フレーム名> 分割ウィンドウに名前を付ける <フレームNORESIゼ>ロック分割ウィンドウ のサイズ <フレームスクロール> <フレームSRC> HTMLファイルをウィンドウに追加します <FRameSET COLS> ウィンドウを左右のサブウィンドウに分割します <FRameSET ROWS> ウィンドウを上下のサブウィンドウに分割します <FRameSET>...< ;/FRameSET> 分割ウィンドウ <H1>~<H6> <HEAD> ファイル情報をマーク分割線を追加します <HTML> ファイルの先頭と末尾 斜体 <IMG ALIGN> グラフィック画像の位置を調整します <IMG ALT> グラフィック画像に注釈を付ける <IMG DYNSRC LOOP> ビデオを追加 <画像とプリセットグラフィックサイズを挿入 ; 画像を挿入し、グラフィックの左右の境界線をプリセットします <IMG LOWSRC> 画像のプリロード機能 <IMG SRC BORDER> < IMG SRC> 画像を挿入 <IMG VSPACE> グラフィックの上下の境界線を事前設定 <入力タイプ名値> フォームに入力フィールドを追加 <ISINDEX> 定義クエリフォーム <KBD>...</KBD> <LI TYPE> ...< /LI>リスト項目(記号を指定可能) <MARQUEE> マーキー効果 <MENU></MEN U> 記事のテキストラベル <meta NAME="REFRESH" CONTENT URL> ファイルの内容を自動的に更新 <MULTIPLE> 同時に複数の項目を選択できるリストバー 定義ではありません分割ウィンドウに表示されるテキスト <OL>...</OL> シリアル化されたリスト <OPTION> リスト列の項目を定義しますフォーム内で 整列方向を設定 セグメンテーション <PERSON>...</PERSON&g t; 人物名を表示 <PRE> オリジナルのアレンジを使用 <SAMP>...</SAMP> <選択>それ;/> を選択します リスト列を定義します 小さいフォントを表示します <STRIKE> テキストをハッシュします 使用済みトーンを強める 下付き文字 上付き文字 <TABLE BORDER=n>表の幅線の高さを調整します <TABLE CELLPADDING> データフィールドの境界線を調整 <TABLE CELLSPACING> <TABLE HEIGHT>テーブルの高さ <TABLE WIDTH& gt; <TABLE>...</TABLE> の幅を調整します <TD ALIGN> gt; 調整テーブルフィールドの左右の配置 <TD BGCOLOR> テーブルフィールドの背景色を設定しますtd td colspan＆gt; <TD>...</TD> テーブルのデータフィールドを定義します <TEXTAREA NAME ROWS COLS > フォームに追加されるテキスト入力フィールドの数 <TEXTAREA WRAP> テキスト入力フィールドを自動的に折り返すかどうかを決定します <TH>...</TH> ヘッダーフィールド < TITLE> ドキュメントタイトル <TR>...</TR> <TT> タイプライターフォント 下線付きテキスト<UL TYPE>...</UL> 番号なしリスト( 記号を指定可能 ) <var> ;... 変数を表示するために使用されます BlockQuotcテキストのインデント 3つの方法があります 1、16基本カラーコード 構文: #RRGGBB 例: red <a href="#_labelTop">(</a><img class="anchorclass"/ alt="HTMLでよく使われるタグのまとめ" >RRR <h2>、 GGG</h2> 、BBB) 例: red 3、 色を直接英語名で使用します例: red トップに戻る 属性は次の3つのタイプに分類できます。、テキスト属性: には、text、link、alink、vlink、 3、空白属性: が含まれます: leftmargin、 .bgcolor背景色 文法形式: <body bgcolor="#ff0000"> .background 背景パターン。 文法形式: <body background="url"> .text テキストの色 (非接続テキストの色) .link 接続テキストの色 (接続可能なテキスト) ) Color) .alinkアクティブなリンクのテキストの色 (クリックされているリンク可能なテキストの色) .vlink訪問したリンクのテキストの色) (クリックされたリンク可能なテキストの色)クリックして訪問) ) 文法形式: <body text="color" link="color" alink="color" vlink="color"> .leftmargin 空白ページの左側 M p.topMargin 文法形式: & lt; 本文左マージン = "値" トップマージン = " value" & gt; 注: value<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > は、長さの値は数値です <h3> </h3> align 属性 構文: lt;h2 整列 =? ">text</h2> 3 つの属性があります: leftleft、centercenter、rightright p ＞ は段落記号です。上記の属性は段落全体を設定するために使用できます br> は改行記号です &lt ;nobr> は改行ではなく、テキストの両側に配置できます 例: <body> <h3>Jiangnan meets李桂の年</h3> 斉王の家の中でのよくある光景 </body> pre-formatting： ＆lt; pre＆gt;＆lt;/pre＆gt; 1順序なしリストはシンボルリストとも呼ばれます 文法形式: <ul type=" "> typeの属性はストレートとして選択できます。 ディスク実線、clrcle<a href="#_labelTop">中空ドット</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >、正方形 <h2>実線ボックス </h2> <li>テキスト</li> <li>テキスト </li> </ul> 2順序付きリスト<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3>文法形式:</h3> <ol type="?" start"?"> <li>テキスト </li> ＆lt; li＆gt; ...,A...,i... ,I... start は開始値です。例: start が 3 の場合、開始します。 3 始まりは数字でなければなりません。 3定義リスト <dl>定義リストマーク<dt>マークエントリー <dd>マーク定義内容 <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3> 文法形式: </h3><dl> <dt>Text </dt> <dd>テキストコンテンツ </dd> " title="?">....</a> 属性: href 接続ターゲット値は url アドレスを接続にすることもできますアンカー <a href="url">...</a> または <a href="アンカー">...</ a> トップに戻る name 接続名 構文形式: <a name="アンカー名 ">...<< /a> 例: <a name="abcdcf"></a> アンカーポイントへの接続は次のようになります: <a name=" #abcdef">....</a> トップに戻るtargetターゲットウィンドウの構文形式 :<a href="#_labelTop"></a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" ><a href="url "target= "_blank|_self|_farent|_top|windowname">....</a><h2> -blank新しいウィンドウを開きます</h2> _self 現在のウィンドウが開いています 一度に 2 つフレームリーフにのみ適用されます _parent 現在のウィンドウの親ウィンドウ (上位レベル) が開きます _top 最上位のウィンドウが開きます windowname 名前付きウィンドウまたはフレーム内の接続を開きます<a href="#_labelTop"></a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > title接続プロンプト <a href="http://www.crazytribe.net" title="Crazy Tribe のホームページを開く">Crazy Tribe</ a&gt " height="?" border="?" align="?"> border 属性は画像の境界線の幅を定義します。デフォルト値は <a href="#_labelTop"></a>0 です <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h2> align 属性セット画像の横のテキストの位置 </h2> 文法形式: <img src="" align""> オプションの値は次のとおりです: top 上を揃える写真と文字の配置 middle Pictures 画像と文字を中央に揃えます bottom 画像と文字の下端を揃えます（デフォルト） left 画像は左に配置され、テキストは画像の周囲に折り返されます 右画像は右に配置され、テキストは画像の折り返しに沿って配置されます absmiddle 画像は絶対に配置されます現在のテキスト行の中央 absbottom画像は現在のテキスト行の絶対下に揃えられます テキストの組版 改行空白マークなし 戻るtop font要素 構文形式: フォント名" size="<a href="#_labelTop"></a>フォントサイズ<img class="anchorclass"/ alt="HTMLでよく使われるタグのまとめ" >" color="<h2> フォントcolor"> オプションのフォントサイズの値は 1——7、デフォルトは 3 例: 〈 font face ＝ 太字" size="4" color="#ff00ff">.... 水平線<hr> 文法形式: <hr width="width" align="配置のデフォルトは中央center" size="横線の太さのデフォルトは2" color="color" noshade&gt ; noshade 影なし、両方の実線 レイヤーp>2つの要素 は、段落要素 と同様のブロックレベルの要素です。違いは、2 つの 要素が 2 つの <p&gt を生成しないことです。 ;要素間の空白行 はインライン要素であり、段落内の一部のテキストの属性を定義できます 文法形式: ... alignレイヤー内の要素の水平方向の配置を設定します stule要素アプリケーションの属性を設定しますcss canonical 互換性はよりも少し良いので、を使用するのが最善です。 トップに戻る <a href="#_labelTop">テーブル構文形式 </a>：<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h2><table width="" bgcolor="" background="" border="" cellpacing="" cellpadding=""></h2> <tr>。 ..<td>... .</td>....</tr> </table> border 境界線の幅のデフォルト値は 0 、境界線もなし セルペース表内のセルの余白サイズ、デフォルト値は2ピクセル cellpadding表内のセル間の間隔サイズ、デフォルト値は2ピクセル tr 要素 <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3> 文法形式: <tr align="" bgcolor="">....</tr></h3> 整列属性の配置のオプションの値は次のとおりです: left,center,tight、デフォルトは left bgcolor行の背景色を指定します TD 要素 <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3>文法形式: <td width="</h3>width" height="height" align="水平配置" 垂直方向の配置" bgcolor="" background ="" rowspan="セルの行範囲" colapan="セルの列範囲">...</td&gt ; align 属性オプションの値は次のとおりです: left、center、right valign 属性のオプションの値は次のとおりです: top、middle、bottom rowspan と colapan の行と列の数量、デフォルトは 1 トップに戻る<h2>input 要素の構文形式: </h2> <input type=""></h3> type 属性のオプションの値は次のとおりです: text シングル-行テキストボックス 属性: name テキストボックスの名前 value テキストボックスの初期値 size テキストボックスの長さ 最大長入力文字列の最大長 ラジオ ラジオボタン 属性: 名前ラジオボタン名 値内部値 チェック済み デフォルトで選択されています チェックボックス チェックボックス 属性: 名前 チェックボックス名 値 内部値 チェック済み デフォルトで選択済み リセット リセットボタン 送信OKボタン 属性: 名前ボタン名 値ボタンに表示されるテキスト パスワードP assword ボックス プロパティとテキストボックスプロパティ同一 file ファイルフィールド 属性: name ファイルフィールド名 size ファイルフィールドの長さ maxlength 受け入れられる文字数ファイルフィールドの上限 隠し隠しドメイン 属性: 名前隠しドメイン名 値デフォルト値 画像 ピクチャドメイン 属性: 名前で表されるボタンは、submit、reset、、またはその他の src url addressです。 リストボックス< select&gt ; 文法形式: <select> .... <option>....</option> ... .. </select> トップに戻る <a href="#_labelTop"></a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >select要素 <h2> </h2>構文形式: <名前を選択="" サイズ="" 複数> </select> name リストボックスの名前を指定します size このパラメータが指定されている場合、 select要素はリスト、それ以外の場合は ドロップダウンリストボックスです <a href="http://www.php.cn/code/4996.html" target="_blank"></a> 複数 このパラメータが指定されている場合は、リストボックスで複数の項目を選択できることを意味し、それ以外の場合は 1 つの項目のみを選択できます <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >オプション属性<h3> </h3> 構文形式: <option value="" selected></option> value リスト項目の値 selected このパラメータが設定されている場合、これは次によって選択されます。デフォルト 1 つの項目 <a href="#_labelTop">トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h2>複数行のテキストボックス<テキストエリア> </h2> <テキストエリア名="" Cols="" rows="" Wrap= "off /physical/virtual" > テキストボックスの高さwrapテキストボックスの折り返し方法のオプションの値は次のとおりです: off行を保存しないラッピング情報物理ブラウザに情報を強制的にウェブサーバーに送信します。複数行のテキストボックス内のテキストは一行ずつ送信する必要があります。連続メッセージを送信するには仮想ユーザーが Enter キーを押さない限り、単語の文字列。 トップに戻るcss カスケードスタイルシート カスケードスタイルシートを導入する方法は次のとおりです: <a href="#_labelTop">外部スタイルシート</a><img class="anchorclass"/ alt="HTMLでよく使われるタグのまとめ" ><h2> 例: <head> <link rel="stylesheet" href="/css/default.css"> </head><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3><body> </h3>.... </body> </html> 属性: rel は <link>を記述するために使用されます。 要素はここにあります達成すべきタスクは、スタンドアロンの css ファイルを接続することです。 href 属性は url アドレス 埋め込みスタイルシート: 例: <html> font105{font:10.5pt; color:blue} --> </style> </head> <body>....</body> </html> 要素のデフォルト 形式: インポートスタイルシート html> <head><style type="text/css"> @インポートurl(css/home.css); --> </style> <body><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3>.... </h3> & lt;/本文> ; </html> css<img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" >優先度 <h3> </h3>スタイル定義がターゲットに近いほど優先度が高く、優先度の高いスタイルは低い優先度を継承します。優先スタイルの定義は重複していますが、重複している定義はオーバーライドされます 4 タイプのスタイルシートが同じ要素に対して異なるスタイルを定義する場合、その優先順位は高から低の順で、要素のデフォルト、インラインスタイルシート、インポートされたスタイルシート、外部スタイルシートになります。 <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3>css構造 </h3> 例: td{font-size:10.5pt;color:#666666} c スタイルは 2 つの基本的な部分で構成されます、 セレクター <td> と宣言 {font-size:10.5pt;color:#666666} 宣言も 2 つの部分で構成されます: 属性フォントサイズ、カラー、値10.5pt、#666666 <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3>セレクターは6タイプ </h3> 1に分かれています要素セレクター オンの場合ページ複数の要素が同じスタイルを持つ場合、複数の要素をカンマで区切って一緒に定義できます。例: td,p,li,input,select{font-size:12px;} 2class( クラス )セレクター 例: 〈head> <title>....</title> <style type ="テキスト/CSS ">  </style> </head> <body bgcolor="#ffffff"> 学者・景港山区職員 Nine Link Leave Plan </body> もう 1 つの方法は、適用できるページ要素を制限することです 例: 〈head> <title>....</title> <style type="text/css"> <! -- h1.red{color:#ff0000} --> </style> </head> <ボディの背景色= "# ffffff"> 学者・景港山区職員 <h1 class="red"> Nine Links の離脱計画 </h1> </body> 3 id セレクター は class の選択に似ています。 」を追加するだけです。 '変更は '#' 例: <body> <head> <style type="text/css"&gt ; ＆lt;！ - ＃select {font-size：18px; color} - ＆gt; <body> <テーブル width="250" border="1" height="50"> <tr> T & lt; align = "center" id = "select" & gt; ルーンを選択 & lt;/tr & & gt; table & gt; </body> ページスクリプト言語の呼び出しを容易にするために 関連付けセレクター &lt ;体> <頭&gt ;<style type="text/css">  <img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h3><tr> </h3> <td align="center">連想セレクター &lt ;/p></td> </table> 連想セレクター < /ボディ> </html> 要素に含まれるテキストのスタイルを設定します<td> 疑似クラスセレクターの両方の条件が満たされた場合にのみスタイルが有効になります。 はcss セレクターでのみ使用できますが、コード内の html セレクターでは使用できません 例: html> <頭&gt ; <style type="text/css">  &lt ;/style> &lt ;/head> <body> <a href="#">関連付けセレクター </a> &lt ;p><a href="#">関連付けセレクター </a>gt; <a href="#">関連付けセレクター </a> そうしないと、ページ上の接続が混乱します <h3>擬似要素セレクター</h3> は、擬似クラスセレクターの定義に似ています。現在、ほとんどのブラウザーでサポートされているのは、first-line pseudo-element (first-line) と first-character pseudo- の 2 つです。要素 (first -letter) は、最初の行を大文字にして最初の行を沈める効果を実現するために使用されます 例: 最初の行 <html> <head> <スタイル> <- -p:first-line{color:red;font-size:20pt}--> </style> </hesd> ;body> <p&gt ;dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... </body> </html> 最初の単語 <html&g t; <head> <style> </style></裾;cssルール </td> </table></body> <td> css は属性要素で使用され、同じカバレッジ、異なる継承、 2.組み合わせ Example:td{font-size:12pt} p1{font-size: 12pt} 結合後td,.p1{font-size:12pt} 3.レイヤー化 スタイルで定義したらテーブル属性で定義 <html> <head><style type="text/css">  </style> </hesd> <body> <table width="300" border="1" height= "150"><tr> <td align="center" style="color:#0000ff" class="red">地元の治安判事</td> </tr> </body> </html> css単位 は、次の 4 つのカテゴリに分類されます: 1 長さの単位 値は、整数、小数、正の数、負の数、 です。 0の後に単位が続きます（負の値を安易に使用しないでください）変換関係: 1in(インチ )=6pc( パイ 1in(インチ) =72pt( ポンド ) 1in(インチ)=2.54(cm) 1cm(cm)=10mm(mm) 1cm(cm) )=0.3937() インチ) 1pt(ポンド)=1/72in(インチ)=0.2478mm(mm) 1個(パイ) )=1/6インチ(インチ)=中国の新しい4号書体のサイズ 2 パーセント単位 3 色単位 4 url単位 <a href="#_labelTop" style="text-align: right;">トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h2>p 属性 </h2> color: #999999 テキストカラー font-family: ソングスタイルフォント font-size: 10pt テキストサイズ font-style:itelic Text italic font-variant:small-caps 小さいフォント <a href="http://www.php.cn/wiki/865.html" target="_blank">letter-spacing</a> : 1pt テキスト間隔 line-height : 200% 行の高さを設定 font-weight:bold テキストボールド <a href="http://www.php.cn/wiki/869.html" target="_blank">vertical-align</a>:sub subscript vertical-align:super superscript <a href="http://www.php.cn/wiki/859.html" target="_blank">text-decoration</a>:line-through add?hline以外 text-decoration:overline 先頭行を追加 text-decoration:underline 下線を追加 text-decoration:none ?h下線接続を除く <a href="http://www.php.cn/wiki/863.html" target="_blank">text-transform</a> : 大文字にする 最初の単語を大文字にする text-transform :大文字 英語大文字 text-transform : 小文字英語表記 text-align:right Text*右揃え text-align:left Text* -整列 text-align:centerテキストを中央揃え これらは、cssページに適用できるいくつかの単純なテキスト効果です。 <a href="#_labelTop">トップに戻る</a><img class="anchorclass" alt="HTMLでよく使われるタグのまとめ" > <h2> 背景 </h2> TEXTAREA STYLE="border:1px 点線ピンク"> 実線 <TEXTAREA STYLE="border:1px 実線ピンク"> </form> </table> </h2> </li></ul>以上がHTMLでよく使われるタグのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。 </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> 関連ラベル： <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ja/search?word=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ja/search?word=よく使われる" target="_blank">よく使われる</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ja/search?word=要約する" target="_blank">要約する</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ja/search?word=ラベル" target="_blank">ラベル</a> <a onclick="hits_log(2,'www',this);" href-data="http://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="http://www.php.cn/ja/faq/367595.html" title="共通のグローバル属性の概要と共有"> 前の記事：共通のグローバル属性の概要と共有 </a> <a href="http://www.php.cn/ja/faq/367598.html" title="htmlタグを徹底解説"> 次の記事：htmlタグを徹底解説 </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">このウェブサイトの声明</div> <div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">著者別の最新記事</div> <ul> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/375959.html">PHP配列に要素を追加する方法</a> </div> <div>2023-03-14 15:58:02</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/377752.html">シンプルな多肢選択評価システムを実装する JS を示す例</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/376780.html">同じ IP の複数の送信を制限する PHP ソリューション</a> </div> <div>2023-03-15 07:38:01</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/362217.html">正規表現を使用して HTML でフォーム検証を実装する</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/379000.html">JavaScript 厳密モードでのこの指摘の問題の詳細な説明</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/377851.html">Java でツリーメニュー (マルチレベルメニューを含む) を構築するためのコード例</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/376633.html">ホバーが離れたときにスムーズな遷移を実装する CSS3 の詳細な例</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/370599.html">スワイパーカルーセル画像のソースコード共有分析</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://www.php.cn/ja/faq/378766.html">VsCode プラグインを要約して整理する</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <a target="_blank" href="http://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="http://www.php.cn/ja/wenda/176403.html" target="_blank" title="PX から REM への自動変換エラー" class="wdcdcTitle">PX から REM への自動変換エラー</a> <a href="http://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"> から 2024-04-16 09:34:16 </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> 0 </div> <div class="wdcdcirpl flexRow ira">0</div> <div class="wdcdcirwatch flexRow ira">4687</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ja/wenda/176396.html" target="_blank" title="ページが突然 CSS またはブートストラップを取得できなくなります" class="wdcdcTitle">ページが突然 CSS またはブートストラップを取得できなくなります</a> <a href="http://www.php.cn/ja/wenda/176396.html" class="wdcdcCons">それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> から 2024-04-06 21:58:04 </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> 0 </div> <div class="wdcdcirpl flexRow ira">1</div> <div class="wdcdcirwatch flexRow ira">800</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ja/wenda/176386.html" target="_blank" title="CSSでページ下部の謎の空白を解決する方法" class="wdcdcTitle">CSSでページ下部の謎の空白を解決する方法</a> <a href="http://www.php.cn/ja/wenda/176386.html" class="wdcdcCons">Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> から 2024-04-06 20:22:15 </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> 0 </div> <div class="wdcdcirpl flexRow ira">1</div> <div class="wdcdcirwatch flexRow ira">454</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ja/wenda/176383.html" target="_blank" title="livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法" class="wdcdcTitle">livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法</a> <a href="http://www.php.cn/ja/wenda/176383.html" class="wdcdcCons">laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したいこれまでに試したこと: Laravel コンポーネントを含めることによる Live...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> から 2024-04-06 20:02:10 </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> 0 </div> <div class="wdcdcirpl flexRow ira">2</div> <div class="wdcdcirwatch flexRow ira">543</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ja/wenda/176364.html" target="_blank" title="文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド" class="wdcdcTitle">文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド</a> <a href="http://www.php.cn/ja/wenda/176364.html" class="wdcdcCons">次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> から 2024-04-06 17:40:41 </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> 0 </div> <div class="wdcdcirpl flexRow ira">2</div> <div class="wdcdcirwatch flexRow ira">410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>関連トピック</div> <a href="http://www.php.cn/ja/faq/zt" target="_blank">詳細> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://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="http://www.php.cn/ja/faq/htmlbq" class="title-a-spanl" title="html著作権記号">html著作権記号 </a> </li> <li class="ul-li"> <a target="_blank" href="http://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="http://www.php.cn/ja/faq/htmlzxbjq" class="title-a-spanl" title="HTMLオンラインエディター">HTMLオンラインエディター </a> </li> <li class="ul-li"> <a target="_blank" href="http://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="http://www.php.cn/ja/faq/htmlwyzz" class="title-a-spanl" title="HTMLウェブページ制作">HTMLウェブページ制作 </a> </li> <li class="ul-li"> <a target="_blank" href="http://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="http://www.php.cn/ja/faq/htmlkg" class="title-a-spanl" title="HTMLスペース">HTMLスペース </a> </li> <li class="ul-li"> <a target="_blank" href="http://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="http://www.php.cn/ja/faq/htmlssm" class="title-a-spanl" title="htmlとは何ですか">htmlとは何ですか </a> </li> <li class="ul-li"> <a target="_blank" href="http://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="http://www.php.cn/ja/faq/htmlztdxzmsz" class="title-a-spanl" title="HTMLのフォントサイズを設定する方法">HTMLのフォントサイズを設定する方法 </a> </li> <li class="ul-li"> <a target="_blank" href="http://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="http://www.php.cn/ja/faq/htmlztxt" class="title-a-spanl" title="htmlからテキストへ">htmlからテキストへ </a> </li> <li class="ul-li"> <a target="_blank" href="http://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="http://www.php.cn/ja/faq/htmlwbkdmzmx" class="title-a-spanl" title="HTMLテキストボックスのコードの書き方">HTMLテキストボックスのコードの書き方 </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">人気のおすすめ</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <a style="height: auto;" title="URLってどういう意味ですか？" href="http://www.php.cn/ja/faq/418772.html">URLってどういう意味ですか？</a> </div> </li> <li> <div class="wzczzwzli"> <a style="height: auto;" title="DOM とはどういう意味ですか?" href="http://www.php.cn/ja/faq/414303.html">DOM とはどういう意味ですか?</a> </div> </li> <li> <div class="wzczzwzli"> <a style="height: auto;" title="画像サイズを変更する方法" href="http://www.php.cn/ja/faq/414252.html">画像サイズを変更する方法</a> </div> </li> <li> <div class="wzczzwzli"> <a style="height: auto;" title="HTMLでフォントを太字にする方法" href="http://www.php.cn/ja/faq/414520.html">HTMLでフォントを太字にする方法</a> </div> </li> <li> <div class="wzczzwzli"> <a style="height: auto;" title="HTML画像のサイズを設定する方法" href="http://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="http://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="http://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="http://www.php.cn/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース)</a> <div class="wzrthreerb"> <div>1414780 </div> <div class="courseICollection" data-id="812"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/74.html">PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ</a> <div class="wzrthreerb"> <div>4252876 </div> <div class="courseICollection" data-id="74"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a> <div class="wzrthreerb"> <div>2460550 </div> <div class="courseICollection" data-id="286"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル</a> <div class="wzrthreerb"> <div>502515 </div> <div class="courseICollection" data-id="504"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/2.html">PHP ゼロベースの入門チュートリアル</a> <div class="wzrthreerb"> <div>842561 </div> <div class="courseICollection" data-id="2"> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース)</a> <div class="wzrthreerb"> <div >1414780 回の学習</div> <div class="courseICollection" data-id="812"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a> <div class="wzrthreerb"> <div >2460550 回の学習</div> <div class="courseICollection" data-id="286"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル</a> <div class="wzrthreerb"> <div >502515 回の学習</div> <div class="courseICollection" data-id="504"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/901.html">Web フロントエンド開発の簡単な紹介</a> <div class="wzrthreerb"> <div >215149 回の学習</div> <div class="courseICollection" data-id="901"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/234.html">PSビデオチュートリアルをゼロからマスターする</a> <div class="wzrthreerb"> <div >872628 回の学習</div> <div class="courseICollection" data-id="234"> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/1648.html">[Web フロントエンド] Node.js クイックスタート</a> <div class="wzrthreerb"> <div >6086 回の学習</div> <div class="courseICollection" data-id="1648"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/1647.html">海外のWeb開発フルスタックコースの完全なコレクション</a> <div class="wzrthreerb"> <div >4636 回の学習</div> <div class="courseICollection" data-id="1647"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/1646.html">Go言語実践GraphQL</a> <div class="wzrthreerb"> <div >3996 回の学習</div> <div class="courseICollection" data-id="1646"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/1645.html">550W ファンマスターが JavaScript をゼロから段階的に学習します</a> <div class="wzrthreerb"> <div >595 回の学習</div> <div class="courseICollection" data-id="1645"> </div> </div> </div> </li> <li> <a target="_blank" href="http://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="http://www.php.cn/ja/course/1644.html">Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる</a> <div class="wzrthreerb"> <div >20372 回の学習</div> <div class="courseICollection" data-id="1644"> </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="http://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"> <a target="_blank" title="jQuery エンタープライズメッセージフォームの連絡先コード" href="http://www.php.cn/ja/xiazai/js/8071">[フォームボタン] jQuery エンタープライズメッセージフォームの連絡先コード</a> </div> </li> <li> <div class="wzrfourli"> <a target="_blank" title="HTML5 MP3 オルゴール再生効果" href="http://www.php.cn/ja/xiazai/js/8070">[プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果</a> </div> </li> <li> <div class="wzrfourli"> <a target="_blank" title="HTML5 クールなパーティクルアニメーションナビゲーションメニューの特殊効果" href="http://www.php.cn/ja/xiazai/js/8069">[メニューナビゲーション] HTML5 クールなパーティクルアニメーションナビゲーションメニューの特殊効果</a> </div> </li> <li> <div class="wzrfourli"> <a target="_blank" title="jQuery ビジュアルフォームのドラッグアンドドロップ編集コード" href="http://www.php.cn/ja/xiazai/js/8068">[フォームボタン] jQuery ビジュアルフォームのドラッグアンドドロップ編集コード</a> </div> </li> <li> <div class="wzrfourli"> <a target="_blank" title="VUE.JS 模倣 Kugou 音楽プレーヤーコード" href="http://www.php.cn/ja/xiazai/js/8067">[プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤーコード</a> </div> </li> <li> <div class="wzrfourli"> <a target="_blank" title="古典的な HTML5 プッシュボックスゲーム" href="http://www.php.cn/ja/xiazai/js/8066">[html5特殊効果] 古典的な HTML5 プッシュボックスゲーム</a> </div> </li> <li> <div class="wzrfourli"> <a target="_blank" title="画像効果を追加または削減するための jQuery スクロール" href="http://www.php.cn/ja/xiazai/js/8065">[画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール</a> </div> </li> <li> <div class="wzrfourli"> <a target="_blank" title="CSS3 個人アルバムカバーホバーズーム効果" href="http://www.php.cn/ja/xiazai/js/8064">[フォトアルバム効果] CSS3 個人アルバムカバーホバーズーム効果</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8328" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8327" title="フレッシュカラーの個人履歴書ガイドページテンプレート" target="_blank">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8326" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート" target="_blank">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8325" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8324" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート" target="_blank">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8323" title="オンライン電子書籍ストアモールのウェブサイトテンプレート" target="_blank">[フロントエンドテンプレート] オンライン電子書籍ストアモールのウェブサイトテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8322" title="IT テクノロジーがインターネット企業の Web サイトテンプレートを解決します" target="_blank">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイトテンプレートを解決します</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8321" title="パープルスタイル外国為替取引サービスウェブサイトテンプレート" target="_blank">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/sucai/3078" target="_blank" title="かわいい夏の要素のベクター素材 (EPS+PNG)">[PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/sucai/3077" target="_blank" title="4 つの赤い 2023 卒業バッジベクター素材 (AI+EPS+PNG)">[PNG素材] 4 つの赤い 2023 卒業バッジベクター素材 (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/sucai/3076" target="_blank" title="歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）">[バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/sucai/3075" target="_blank" title="金色の卒業帽ベクター素材（EPS+PNG）">[PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/sucai/3074" target="_blank" title="黒と白のスタイルの山アイコンベクター素材 (EPS+PNG)">[PNG素材] 黒と白のスタイルの山アイコンベクター素材 (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/sucai/3073" target="_blank" title="異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）">[PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/sucai/3072" target="_blank" title="フラットスタイルの植樹祭バナーベクター素材 (AI+EPS)">[バナー画像] フラットスタイルの植樹祭バナーベクター素材 (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/sucai/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"> <a href="http://www.php.cn/ja/xiazai/code/8328" target="_blank" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8327" target="_blank" title="フレッシュカラーの個人履歴書ガイドページテンプレート">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8326" target="_blank" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8325" target="_blank" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8324" target="_blank" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8323" target="_blank" title="オンライン電子書籍ストアモールのウェブサイトテンプレート">[フロントエンドテンプレート] オンライン電子書籍ストアモールのウェブサイトテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/code/8322" target="_blank" title="IT テクノロジーがインターネット企業の Web サイトテンプレートを解決します">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイトテンプレートを解決します</a> </div> </li> <li> <div class="wzrfourli"> <a href="http://www.php.cn/ja/xiazai/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> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="http://www.php.cn/ja/about/xieyi.html" rel="nofollow" target="_blank" title="私たちについて" class="cBlack">私たちについて</a> <a href="http://www.php.cn/ja/about/yinsi.html" rel="nofollow" target="_blank" title="免責事項" class="cBlack">免責事項</a> <a href="http://www.php.cn/ja/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1">PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！</dd> </dl> </div> </div> </div> </div> <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?1729588870"></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>

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

HTMLでよく使われるタグのまとめ

htmlタグ<

...

MAX)

...