コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
目次
<dfn>定義項目を定義
ホームページ ウェブフロントエンド htmlチュートリアル HTMLの知識のまとめ

HTMLの知識のまとめ

怪我咯
怪我咯
Jan 16, 2017 am 11:51 AM
html

1. 新しいページにジャンプします:

target="_self" はジャンプしません

form にジャンプしますフォーム送信 設定に移動します

2. ボタンをクリックして別のページをポップアップし、

onclick="return false" を追加します

3. 表示: ブロック; ブロックレベルの要素、つまり、div 要素、p 要素などの 1 行を占めることができます。これは、行レベルの要素としても設定される要素を作成できることを意味します。これは、ナビゲーション メニューを作成し、各メニュー項目を行レベルの要素として設定するのに適しています。 。その幅と高さのデフォルトはコンテンツの幅と高さであり、典型的な要素はフォーム クラス要素です。 dispaly: inline。行レベルの要素、幅と高さは設定できません。典型的な例は、span、

4、html マウスハンド:

cursor:pointer; です。

5、html 背景画像属性:

background-size:100%; ただし、画像の幅と高さは 100% に設定する必要があります。 php ファイルは使いにくく、機能しません。Web サイトの絶対パスを使用する必要があります。background:url('/20151106/404/image/404.png') no-repeat 4px 5px;}background:url( "11111.jpg");background-repeat:no-repeat;background-size:100%;width:100%;height:100%;

これはページに背景を追加する本文です{padding: 0px; margin: 0px;background-color:#494949;width:100%;height: 100%;}.

背景画像を設定するときに、background-image:url("") 属性を使用して背景を設定することもできます。ただし、画像は gif 形式である必要があります

6. 出力モードに応じて表示しますテキスト形式:
水平線:
Double引用符 タグ 下線
7, html-- -position/relative/absolute/fixed/ 3 つのレイアウト配置方法の概要: 相対はそれ自体に基づき、絶対はブラウザに基づきますが、親要素がある場合は、親レベル要素に基づいて位置が変更されることに注意してください。 
8. 順序なしリスト li{list-style:none;} の前の黒い点を削除します
9. 非表示要素 - display:none または Visibility:hidden
display - 設定後のこの要素現在のスペースを占有しませんが、レイアウトには影響しませんが、後者は非表示にした後もスペースを占有します
10. HTML 非表示冗長
Div{overflow:hidden}
10. Hideadaptive: overflow:auto;
 11. フレームの問題について
これは表示したいページを受け入れるためのものです
indx.phpはフレームで表示されるページで、一番上、つまり表示するボタンがありません
これは、クリック後に表示したい場所です: target =""
カテゴリを追加
12. 背景の高さの問題について、つまり、div を定義しましたが、それを実行するために実行しませんでした。上の図が上の図です。そして、この属性があります
overflow:hidden;
つまり、親要素に属しますが、floatがテキストから分離されてフローティングになるため、親要素と子要素のスペースが使用されなくなります。この overflow:hidden を親に追加します 
 追加: 
次に、ジャンプしたいページへのリンクを追加します。  アンカーを見つけます
14. クリックして確認コードの画像を変更します
15. 角丸 
ボーダー-radius:5px;
16. textareaの左テキストは一番左にあります




17. HTMLブロック要素とインライン要素のまとめ、ブロックマージンは可能です。シェイプされた要素に設定されますが、マージンを使用する場合は次の条件に従う必要があります: 1. ブロック要素、2. 幅と高さがある インライン要素ではマージン、幅、高さの属性を設定できず、パディングのみを設定します
。
 ブロック要素のリスト: 




 アドレスを定義します 

 定義リストのエントリを定義します 

 ドキュメント内のパーティションまたはセクションを定義します 

 < ;dl>リストを定義します

リスト内の項目を定義します

<フィールドセット>フレームセットを定義します

<フォーム>HTMLフォームを作成します

最大のタイトルを定義します

< h2> サブタイトルを定義します 

 タイトルを定義します 

 水平線を作成します

< ;legend> 要素は 

 要素の定義を定義します 

 はフレームをサポートしないブラウザ用のテキストを表示します <br> <br><noscript>スクリプトが実行されない場合の代替コンテンツを定義します<br><br><ol>順序付きリストを定義します<br><br><ul>順序なしリストを定義します<br><br><p>タグ定義段落<br><br><pre class="brush:php;toolbar:false">事前フォーマットを定義しますテキスト <br><br><table> HTML テーブルを定義します <br><br><tbody> テーブルの標準セル <br><br><tfoot>またはテーブル 注) <br><br><th> ヘッダセルを定義します <br><br><thead> テーブルのヘッダを定義します <br><br><tr> インライン要素のリストを定義します <br><br><a> ; ラベル 定義可能なアンカー <br><br><頭字語> 頭字語のみを定義します <br><br><bdo> ;大太字<br><br><br>改行<br><br><cite>定義する引用<br><br><code>定義コンピュータコードテキスト</p>
<h2 id="lt-dfn-gt-定義項目を定義"><dfn>定義項目を定義</h2>
<p><em>定義 画像を埋め込む<br> <br><input> 入力ボックス <br><br><kbd> 強調用のコールアウト (タグ) を定義 <br><br><q>それ;samp> サンプルテキストを定義します <br><br><select> 単一または複数選択のメニューを作成します <br><br><span> ドキュメント内のインライン要素を結合します <br><br><strong>コンテンツ上で <br><br><sub> 下付きテキストを定義します <br><br><sup> 上付きテキストを定義します <br><br><textarea> 複数行のテキスト入力コントロール <br><br><tt> タイプライターまたは固定幅のテキスト効果 <br><br> <var> ;変数を定義する<br><br></strong></p>


						</div>
					</div>
					<div class="wzconShengming_sp">
						<div class="bzsmdiv_sp">このウェブサイトの声明</div>
						<div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div>
					</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="AI_ToolDetails_main4sR">


				<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="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>人気の記事</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796785841.html" title="アサシンのクリードシャドウズ：シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ：シーシェルリドルソリューション</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796789525.html" title="Windows11 KB5054979の新しいものと更新の問題を修正する方法" class="phpgenera_Details_mainR4_bottom_title">Windows11 KB5054979の新しいものと更新の問題を修正する方法</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796785857.html" title="Atomfallのクレーンコントロールキーカードを見つける場所" class="phpgenera_Details_mainR4_bottom_title">Atomfallのクレーンコントロールキーカードを見つける場所</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796784440.html" title="&lt;🎜&gt;：Dead Rails-すべての課題を完了する方法" class="phpgenera_Details_mainR4_bottom_title">&lt;🎜&gt;：Dead Rails-すべての課題を完了する方法</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796784000.html" title="Atomfall Guide：アイテムの場所、クエストガイド、およびヒント" class="phpgenera_Details_mainR4_bottom_title">Atomfall Guide：アイテムの場所、クエストガイド、およびヒント</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4週間前</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ja/article.html">もっと見る</a>
							</div>
						</div>
					</div> -->


											<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>ホットAIツール</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>リアルなヌード写真を作成する AI 搭載アプリ</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>写真から衣服を削除するオンライン AI ツール。</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>脱衣画像を無料で</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>AI衣類リムーバー</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
													<h3>Video Face Swap</h3>
												</a>
												<p>完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。</p>
											</div>
										</div>
																</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/ja/ai">もっと見る</a>
								</div>
							</div>
						</div>
					

					<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>

					<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>人気の記事</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796785841.html" title="アサシンのクリードシャドウズ：シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ：シーシェルリドルソリューション</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796789525.html" title="Windows11 KB5054979の新しいものと更新の問題を修正する方法" class="phpgenera_Details_mainR4_bottom_title">Windows11 KB5054979の新しいものと更新の問題を修正する方法</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796785857.html" title="Atomfallのクレーンコントロールキーカードを見つける場所" class="phpgenera_Details_mainR4_bottom_title">Atomfallのクレーンコントロールキーカードを見つける場所</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796784440.html" title="&lt;🎜&gt;：Dead Rails-すべての課題を完了する方法" class="phpgenera_Details_mainR4_bottom_title">&lt;🎜&gt;：Dead Rails-すべての課題を完了する方法</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4週間前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/1796784000.html" title="Atomfall Guide：アイテムの場所、クエストガイド、およびヒント" class="phpgenera_Details_mainR4_bottom_title">Atomfall Guide：アイテムの場所、クエストガイド、およびヒント</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4週間前</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ja/article.html">もっと見る</a>
							</div>
						</div>
					</div>


											<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>ホットツール</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="メモ帳++7.3.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_title">
													<h3>メモ帳++7.3.1</h3>
												</a>
												<p>使いやすく無料のコードエディター</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 中国語版" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 中国語版</h3>
												</a>
												<p>中国語版、とても使いやすい</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ゼンドスタジオ 13.0.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_title">
													<h3>ゼンドスタジオ 13.0.1</h3>
												</a>
												<p>強力な PHP 統合開発環境</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ドリームウィーバー CS6" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_title">
													<h3>ドリームウィーバー CS6</h3>
												</a>
												<p>ビジュアル Web 開発ツール</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 Mac版</h3>
												</a>
												<p>神レベルのコード編集ソフト（SublimeText3）</p>
											</div>
										</div>
																	</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/ja/ai">もっと見る</a>
								</div>
							</div>
						</div>
										

					
					<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>ホットトピック</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/gmailyxdlrkzn" title="Gmailメールのログイン入り口はどこですか？" class="phpgenera_Details_mainR4_bottom_title">Gmailメールのログイン入り口はどこですか？</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>7652</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>15</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/cakephp-tutor" title="CakePHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">CakePHP チュートリアル</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1393</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>52</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/steamdzhmcssmgs" title="Steamのアカウント名の形式は何ですか" class="phpgenera_Details_mainR4_bottom_title">Steamのアカウント名の形式は何ですか</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>91</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>11</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/winactivationkeyper" title="Win11 Activation Key Permanent" class="phpgenera_Details_mainR4_bottom_title">Win11 Activation Key Permanent</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>73</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>19</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ja/faq/nytminicrosswordanswe" title="NYTミニクロスワードの回答" class="phpgenera_Details_mainR4_bottom_title">NYTミニクロスワードの回答</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>37</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>110</span>
										</div>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ja/faq/zt">もっと見る</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div class="Article_Details_main2">
					<div class="phpgenera_Details_mainL4">
						<div class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div class="phpgenera_Details_mainL4_info">

													<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796600245.html" title="HTMLの表の境界線" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416492486715.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTMLの表の境界線" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796600245.html" title="HTMLの表の境界線" class="phphistorical_Version2_mids_title">HTMLの表の境界線</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:49 PM</span>
								<p class="Articlelist_txts_p">HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796600244.html" title="HTML のネストされたテーブル" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416491283996.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML のネストされたテーブル" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796600244.html" title="HTML のネストされたテーブル" class="phphistorical_Version2_mids_title">HTML のネストされたテーブル</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:49 PM</span>
								<p class="Articlelist_txts_p">これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796600238.html" title="HTML 左マージン" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416482056439.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 左マージン" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796600238.html" title="HTML 左マージン" class="phphistorical_Version2_mids_title">HTML 左マージン</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:48 PM</span>
								<p class="Articlelist_txts_p">HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796600271.html" title="HTML テーブルのレイアウト" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416543391948.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML テーブルのレイアウト" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796600271.html" title="HTML テーブルのレイアウト" class="phphistorical_Version2_mids_title">HTML テーブルのレイアウト</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:54 PM</span>
								<p class="Articlelist_txts_p">HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796600269.html" title="HTML入力プレースホルダー" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416542577781.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML入力プレースホルダー" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796600269.html" title="HTML入力プレースホルダー" class="phphistorical_Version2_mids_title">HTML入力プレースホルダー</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:54 PM</span>
								<p class="Articlelist_txts_p">HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796600227.html" title="HTML 内のテキストの移動" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416455153019.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 内のテキストの移動" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796600227.html" title="HTML 内のテキストの移動" class="phphistorical_Version2_mids_title">HTML 内のテキストの移動</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:45 PM</span>
								<p class="Articlelist_txts_p">HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796600210.html" title="HTML 順序付きリスト" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416432927533.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 順序付きリスト" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796600210.html" title="HTML 順序付きリスト" class="phphistorical_Version2_mids_title">HTML 順序付きリスト</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:43 PM</span>
								<p class="Articlelist_txts_p">HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ja/faq/1796600246.html" title="HTML の onclick ボタン" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202409/04/2024090416493797970.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML の onclick ボタン" />
								</a>
								<a href="https://www.php.cn/ja/faq/1796600246.html" title="HTML の onclick ボタン" class="phphistorical_Version2_mids_title">HTML の onclick ボタン</a>
								<span class="Articlelist_txts_time">Sep 04, 2024 pm	 04:49 PM</span>
								<p class="Articlelist_txts_p">HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。</p>
							</div>
													</div>

													<a href="https://www.php.cn/ja/web-designer.html" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<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?1745356937"></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>
	
	<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>

	
	<script>
		// top
		layui.use(function () {
			var util = layui.util;
			util.fixbar({
				on: {
					mouseenter: function (type) {
						layer.tips(type, this, {
							tips: 4,
							fixed: true,
						});
					},
					mouseleave: function (type) {
						layer.closeAll("tips");
					},
				},
			});
		});

		document.addEventListener("DOMContentLoaded", (event) => {
			// 定义一个函数来处理滚动链接的点击事件
			function setupScrollLink(scrollLinkId, targetElementId) {
				const scrollLink = document.getElementById(scrollLinkId);
				const targetElement = document.getElementById(targetElementId);

				if (scrollLink && targetElement) {
					scrollLink.addEventListener("click", (e) => {
						e.preventDefault(); // 阻止默认链接行为
						targetElement.scrollIntoView({
							behavior: "smooth"
						}); // 平滑滚动到目标元素
					});
				} else {
					console.warn(
						`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
						);
				}
			}

			// 使用该函数设置多个滚动链接
			setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
			setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
			setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
			setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
			setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
			setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
			// 可以继续添加更多的滚动链接设置
		});


		window.addEventListener("scroll", function () {
			var fixedElement = document.getElementById("Article_Details_main1Lmain");
			var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
			var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
			var scrollHeight = document.documentElement.scrollHeight; // 页面总高度

			// 计算距离底部的距离
			var distanceToBottom = scrollHeight - scrollTop - clientHeight;

			// 当距离底部小于或等于300px时，取消固定定位
			if (distanceToBottom <= 980) {
				fixedElement.classList.remove("Article_Details_main1Lmain");
				fixedElement.classList.add("Article_Details_main1Lmain_relative");
			} else {
				// 否则，保持固定定位
				fixedElement.classList.remove("Article_Details_main1Lmain_relative");
				fixedElement.classList.add("Article_Details_main1Lmain");
      		}
    	});

	
	</script>


<script>
	document.addEventListener('DOMContentLoaded', function() {
  const mainNav = document.querySelector('.Article_Details_main1Lmain');
  const header = document.querySelector('header');
  if (mainNav) {
    window.addEventListener('scroll', function() {
      const scrollPosition = window.scrollY;
      if (scrollPosition > 84) {
        mainNav.classList.add('fixed');
      } else {
        mainNav.classList.remove('fixed');
      }
    });
  }
});
</script>

</body>

</html>