| | | |
| |
<![CDATA[<abbr id="uvac4"></abbr>]]>|
|
<![CDATA[<abbr id="uvac4"><input id="uvac4"><div id="uvac4"></div></input></abbr>]]>
\nheading tag of html<\/h1>\n
paragraph tag of html
\n<\/body>\n<\/html><\/pre>\n
<\/h4>\n
このタグは、ドキュメントのタイプと HTML バージョンを定義します。<\/p>\n\n\n
<\/h4>\n
上記のタグは、
…<\/head> で表されるドキュメント ヘッダーで構(gòu)成される完全な HTML プログラミング言語ドキュメントを囲みます。
…<\/body> で表されるドキュメント本體。タグ。<\/p>\n<\/h4>\n
head タグは、
、<link> などの他の HTML タグを保持できるドキュメントのヘッダーを表します。など<\/p>\n<h4><\/h4>\n<p>このタグは <head> 內(nèi)で使用されます。ドキュメントのタイトルを記述するためのタグ。<\/p>\n<h4><\/h4>\n<p>タグは、<div>、<h1>、<p> などの他の HTML タグを保持するドキュメントの本文を表します。など<\/p>\n<h3>HTML 作品のさまざまなタグとその説明<\/h3>\n<p>HTML の仕組みを示すさまざまなタグについては、以下で説明します。<\/p>\n<h4><h1><\/h1><\/h4>\n<p>以下に示すさまざまな見出しの例を作成するために使用される見出しタグ<\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Heading Example<\/title>\n<\/head>\n<body>\n<h1>Heading 1<\/h1>\n<h2>Heading 2<\/h2>\n<h3>Heading 3<\/h3>\n<h4>Heading 4<\/h4>\n<h5>Heading 5<\/h5>\n<h6>Heading 6<\/h6>\n<\/body>\n<\/html><\/pre>\n<p><strong>出力<\/strong><\/p>\n<p>見出し 1<br>\n見出し 2<br>\n見出し 3<br>\n見出し 4<br>\n見出し 5<br>\n見出し 6<\/p>\n<h4><p><\/h4>\n<p>これは段落タグであり、以下に示す例でよりよく理解できます。<\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Paragraph Example<\/title>\n<\/head>\n<body>\n<p>This is a first paragraph of text.<\/p>\n<p>This is a second paragraph of text.<\/p>\n<p>This is a third paragraph of text.<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>出力 <\/strong><\/p>\n<p>これはテキストの最初の段落です。<br>\nこれは本文の 2 番目の段落です。<br>\nこれは本文の 3 番目の段落です。<\/p>\n<h4><br><\/h4>\n<p>このタグは改行に使用されます。次の行から何かを開始したいときはいつでもこのタグを使用できます。終了タグを必要としない単一行のタグです。<\/p>\n<h4><\/h4>\n<p>Web ページ作成におけるこのタグの主な用途は、コンテンツ全體を中央に配置することです。<\/p>\n<h4><\/h4>\n<p>線の作成に使用され、主に Web ページを単一の線で描畫する場合に使用されます。<\/p>\n<h4><\/h4>\n<p>これは HTML の非常に重要なタグです。シナリオによっては、HTML ページ內(nèi)に記述されているものと同じものをすべて表示したい場合があります。そのような場合、これは非常に便利なタグです。以下に例を示します。<\/p>\n\n\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Preserve Formatting Example<\/title>\n<\/head>\n<body>\n<pre>\nLaravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable.? This framework reuses the existing\n<\/pre>\n<\/body>\n<\/html><\/pre>\n<p><strong>出力<\/strong><\/p>\n<p>Laravel は PHP フレームワークです。ウェブで使用されるオープンソースのフレームワークです<br>\nアプリケーション開発。このフレームワークはモデル ビュー コントローラー<br> に基づいています。\nこのフレームワークを利用して開発されたこのプロジェクトによるデザインパターンは<br>\nより構(gòu)造化され、管理しやすくなります。? このフレームワークは既存の<\/p>を再利用します。\n<h4>?<\/h4>\n<p>単一のスペースを印刷するには、これが HTML で使用されます。<\/p>\n<h4>タグのプロパティ<\/h4>\n<p>タグレベルでプロパティを設(shè)定できます。例を以下に示します<\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Align Attribute<\/title>\n<\/head>\n<body>\n<p align = \"left\">Left aligned<\/p>\n<p align = \"center\">Center aligned<\/p>\n<p align = \"right\">Right aligned<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>出力<\/strong><\/p>\n<p>左揃え<br>\n中央揃え<br>\n右揃え<\/p>\n<h3>HTML のコア屬性<\/h3>\n<p>以下に示すほぼすべての HTML 要素で使用されているコア屬性はほとんどありません。<\/p>\n<ul>\n<li>ID<\/li>\n<li>タイトル<\/li>\n<li>クラス<\/li>\n<li>タイプ<\/li>\n<\/ul>\n<h4>1) ID<\/h4>\n<p>この屬性は、ページ內(nèi)の HTML 要素を一意に識別するために使用されます。 id 屬性によって HTML ページ內(nèi)の複數(shù)の場所で同じ要素が使用されている可能性があり、要素とそのコンテンツを識別し、JavaScript の別の目的に使用できる可能性があります。以下に例を示します。<\/p>\n<p><code><p id = \"html\">これは、HTML とは何か、その使用方法を説明する最初の段落です<\/p><code><p id = \"html\">This is first paragraph which ?explains what is HTML? how to use it<\/p><br>\n<p id = \"css\">This it second para which ?explains what is Cascading Style Sheet and how to use it<\/p> <\/code>\n<p id = \"css\">この 2 番目のパラグラフでは、カスケード スタイル シートとは何か、その使用方法について説明します<\/p> <\/code><\/p>\n<p>説明 – 上記の例では、この要素を ID によってのみ區(qū)別するために、同じ要素が 2 回使用されています。<\/p>\n<h4>2) タイトル<\/h4>\n<p>この屬性の構(gòu)文は id 屬性に似ており、この屬性の目的はそれを運ぶ要素によって異なります。カーソルが要素の上に來るとツールチップとして表示されることがよくありますが、これがこの屬性の主な用途です。例を以下に示します –<\/p>\n\n\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title> title Attribute Example<\/title>\n<\/head>\n<body>\n<h3 title = \"Hello Title Example Test\">Sleeping from the long time<\/h3>\n<\/body>\n<\/html><\/pre>\n<p><strong>出力<\/strong><\/p>\n<p>長い間眠っている<\/p>\n<p>If we try to bring our cursor over “Sleeping from a long time”, we will see that whatever title we have used in our code is coming out as a tooltip of the cursor.<\/p>\n<h4>3) Class<\/h4>\n<p>The class?attribute is used to associate an element with a style sheet and specifies the class of element. We will learn more about the use of the class attribute when we will learn Cascading Style Sheet (CSS).Its main use is CSS. Value for this attribute may also be a space-separated list of class names. The example is given below –<\/p>\n<p><code>class = \"className11 className12 className53\"<\/code><\/p>\n<h4>4) Style<\/h4>\n<p>It is used to writing the cascading style rule at the element level, which can be better explained by the example given below.<\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>The style Attribute<\/title>\n<\/head>\n<body>\n<p style = \"font-family:arial; color:#FF0000;\">This is style example text , it is red color...<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output<\/strong><\/p>\n<p>This is a style example text; it is red color…<\/p>\n<h3>Conclusion<\/h3>\n<p>As we saw many basics tags, the web page can be created with the help of these tags, which can be displayed to the end-user whenever a user requests the particular web page through his web browser, the work of displaying will be done by the web browser. Today lots of new tags exist into the market to make web pages more attractive.<\/p>"} </script>
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>
<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
<div id="377j5v51b" class="head">
<div id="377j5v51b" class="haed_left">
<div id="377j5v51b" class="haed_logo">
<a href="http://m.miracleart.cn/ja/" title="" class="haed_logo_a">
<img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
</a>
</div>
<div id="377j5v51b" class="head_nav">
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="コミュニティ" class="head_nava head_nava-template1">コミュニティ</a>
<div class="377j5v51b" id="dropdown-template1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ja/article.html" title="記事" class="languagechoosea on">記事</a>
<a href="http://m.miracleart.cn/ja/faq/zt" title="トピックス" class="languagechoosea">トピックス</a>
<a href="http://m.miracleart.cn/ja/wenda.html" title="に質(zhì)問" class="languagechoosea">に質(zhì)問</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="學(xué)ぶ" class="head_nava head_nava-template1_1">學(xué)ぶ</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ja/course.html" title="コース" class="languagechoosea on">コース</a>
<a href="http://m.miracleart.cn/ja/dic/" title="プログラミング辭典" class="languagechoosea">プログラミング辭典</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="ツールライブラリ" class="head_nava head_nava-template1_2">ツールライブラリ</a>
<div class="377j5v51b" id="dropdown-template1_2" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ja/toolset/development-tools" title="開発ツール" class="languagechoosea on">開発ツール</a>
<a href="http://m.miracleart.cn/ja/toolset/website-source-code" title="公式サイト" class="languagechoosea">公式サイト</a>
<a href="http://m.miracleart.cn/ja/toolset/php-libraries" title="PHP ライブラリ" class="languagechoosea">PHP ライブラリ</a>
<a href="http://m.miracleart.cn/ja/toolset/js-special-effects" title="JS特殊効果" class="languagechoosea on">JS特殊効果</a>
<a href="http://m.miracleart.cn/ja/toolset/website-materials" title="サイト素材" class="languagechoosea on">サイト素材</a>
<a href="http://m.miracleart.cn/ja/toolset/extension-plug-ins" title="拡張プラグイン" class="languagechoosea on">拡張プラグイン</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://m.miracleart.cn/ja/ai" title="AIツール" class="head_nava head_nava-template1_3">AIツール</a>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="レジャー" class="head_nava head_nava-template1_3">レジャー</a>
<div class="377j5v51b" id="dropdown-template1_3" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ja/game" title="ゲームのダウンロード" class="languagechoosea on">ゲームのダウンロード</a>
<a href="http://m.miracleart.cn/ja/mobile-game-tutorial/" title="ゲームのチュートリアル" class="languagechoosea">ゲームのチュートリアル</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="head_search">
<input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ja')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
<a href="javascript:;" title="検索" onclick="searchs('ja')"><img src="/static/imghw/find.png" alt="検索"></a>
</div>
<div id="377j5v51b" class="head_right">
<div id="377j5v51b" class="haed_language">
<a href="javascript:;" class="layui-btn haed_language_btn">日本語<i class="layui-icon layui-icon-triangle-d"></i></a>
<div class="377j5v51b" id="dropdown-template" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
<a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
<a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
<a href="javascript:;" title="日本語" class="languagechoosea">日本語</a>
<a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
<a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
<a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
<a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
</div>
</div>
</div>
<span id="377j5v51b" class="head_right_line"></span>
<div style="display: block;" id="login" class="haed_login ">
<a href="javascript:;" title="Login" class="haed_logina ">Login</a>
</div>
<div style="display: block;" id="reg" class="head_signup login">
<a href="javascript:;" title="singup" class="head_signupa">singup</a>
</div>
</div>
</div>
</header>
<main>
<div id="377j5v51b" class="Article_Details_main">
<div id="377j5v51b" class="Article_Details_main1">
<div id="377j5v51b" class="Article_Details_main1L">
<div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
<div id="377j5v51b" class="Article_Details_main1L1">目次</div>
<div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2">
<!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#HTML-ページの仕組み" title="HTML ページの仕組み" >HTML ページの仕組み</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#lt-DOCTYPE-gt" title="<!DOCTYPE>" ><!DOCTYPE></a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#HTML-作品のさまざまなタグとその説明" title="HTML 作品のさまざまなタグとその説明" >HTML 作品のさまざまなタグとその説明</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#lt-p-gt" title="<p>" ><p></a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#" title="?" >?</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#タグのプロパティ" title="タグのプロパティ" >タグのプロパティ</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#HTML-のコア屬性" title="HTML のコア屬性" >HTML のコア屬性</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#ID" title="1) ID" >1) ID</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#タイトル" title="2) タイトル" >2) タイトル</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Class" title="3) Class" >3) Class</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Style" title="4) Style" >4) Style</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Conclusion" title="Conclusion" >Conclusion</a>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main1M">
<div id="377j5v51b" class="phpgenera_Details_mainL1">
<a href="http://m.miracleart.cn/ja/" title="ホームページ"
class="phpgenera_Details_mainL1a">ホームページ</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://m.miracleart.cn/ja/web-designer.html"
class="phpgenera_Details_mainL1a">ウェブフロントエンド</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://m.miracleart.cn/ja/div-tutorial.html"
class="phpgenera_Details_mainL1a">htmlチュートリアル</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>HTML はどのように機能するのか?</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">HTML はどのように機能するのか?</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://m.miracleart.cn/ja/member/887227.html" class="author_avatar">
<img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB">
</a>
<div id="377j5v51b" class="author_detail">
<a href="http://m.miracleart.cn/ja/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a>
</div>
</div>
</div>
<span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:13 PM</span>
<div id="377j5v51b" class="Articlelist_txts_infos">
<span id="377j5v51b" class="Articlelist_txts_infoss on">html</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">html5</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Tutorial</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML Properties</span>
<span id="377j5v51b" class="Articlelist_txts_infoss ">HTML tags</span>
</div>
</div>
</div>
<hr />
<div id="377j5v51b" class="article_main php-article">
<div id="377j5v51b" class="article-list-left detail-content-wrap content">
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3461856641">
</ins>
<p>HTML は、ウェブページの開発に使用されるタグベースの言語です。 HTML は Hyper Text Markup Language の略です。ハイパーテキストとは、Web ページが相互にリンクされる方法を指します。したがって、Web ページ上で利用可能なリンクはハイパーテキストと呼ばれます。これは、タグがブラウザーにページがどのようにレンダリングされるかを伝えるマークアップ言語です。 Berners-Lee が 1991 年後半に開発しましたが、「HTML2.0」は 1995 年に公開された最初の標(biāo)準(zhǔn)仕様でした。その後、その多くの HTML バージョンが HTML 4.0 のようになりました?，F(xiàn)在、その最新バージョンは HTML5.0 で、フロントエンド Web サイト開発では非常に有名です。</p>
<h3 id="HTML-ページの仕組み">HTML ページの仕組み</h3>
<p>HTML ページがどのように機能するかの構(gòu)造を見てみましょう。</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>title tag of html</title>
</head>
<body>
<h1>heading tag of html</h1>
<p>paragraph tag of html<p>
</body>
</html></pre>
<h4 id="lt-DOCTYPE-gt"><!DOCTYPE></h4>
<p>このタグは、ドキュメントのタイプと HTML バージョンを定義します。</p>
<h4></h4>
<p>上記のタグは、<head>…</head> で表されるドキュメント ヘッダーで構(gòu)成される完全な HTML プログラミング言語ドキュメントを囲みます。 <body>…
</body> で表されるドキュメント本體。タグ。</p>
<h4></h4>
<p>head タグは、<title>、<link> などの他の HTML タグを保持できるドキュメントのヘッダーを表します。など</p>
<h4></h4>
<p>このタグは <head> 內(nèi)で使用されます。ドキュメントのタイトルを記述するためのタグ。</p>
<h4></h4>
<p>タグは、<div>、<h1>、<p> などの他の HTML タグを保持するドキュメントの本文を表します。など</p>
<h3 id="HTML-作品のさまざまなタグとその説明">HTML 作品のさまざまなタグとその説明</h3>
<p>HTML の仕組みを示すさまざまなタグについては、以下で説明します。</p>
<h4><h1></h1></h4>
<p>以下に示すさまざまな見出しの例を作成するために使用される見出しタグ</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html></pre>
<p><strong>出力</strong></p>
<p>見出し 1<br>
見出し 2<br>
見出し 3<br>
見出し 4<br>
見出し 5<br>
見出し 6</p>
<h4 id="lt-p-gt"><p></h4>
<p>これは段落タグであり、以下に示す例でよりよく理解できます。</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>This is a first paragraph of text.</p>
<p>This is a second paragraph of text.</p>
<p>This is a third paragraph of text.</p>
</body>
</html></pre>
<p><strong>出力 </strong></p>
<p>これはテキストの最初の段落です。<br>
これは本文の 2 番目の段落です。<br>
これは本文の 3 番目の段落です。</p>
<h4><br></h4>
<p>このタグは改行に使用されます。次の行から何かを開始したいときはいつでもこのタグを使用できます。終了タグを必要としない単一行のタグです。</p>
<h4></h4>
<p>Web ページ作成におけるこのタグの主な用途は、コンテンツ全體を中央に配置することです。</p>
<h4></h4>
<p>線の作成に使用され、主に Web ページを単一の線で描畫する場合に使用されます。</p>
<h4></h4>
<p>これは HTML の非常に重要なタグです。シナリオによっては、HTML ページ內(nèi)に記述されているものと同じものをすべて表示したい場合があります。そのような場合、これは非常に便利なタグです。以下に例を示します。</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting Example</title>
</head>
<body>
<pre class="brush:php;toolbar:false">
Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable.? This framework reuses the existing
</pre>
</body>
</html></pre>
<p><strong>出力</strong></p>
<p>Laravel は PHP フレームワークです。ウェブで使用されるオープンソースのフレームワークです<br>
アプリケーション開発。このフレームワークはモデル ビュー コントローラー<br> に基づいています。
このフレームワークを利用して開発されたこのプロジェクトによるデザインパターンは<br>
より構(gòu)造化され、管理しやすくなります。? このフレームワークは既存の</p>を再利用します。
<h4 id="">?</h4>
<p>単一のスペースを印刷するには、これが HTML で使用されます。</p>
<h4 id="タグのプロパティ">タグのプロパティ</h4>
<p>タグレベルでプロパティを設(shè)定できます。例を以下に示します</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Align Attribute</title>
</head>
<body>
<p align = "left">Left aligned</p>
<p align = "center">Center aligned</p>
<p align = "right">Right aligned</p>
</body>
</html></pre>
<p><strong>出力</strong></p>
<p>左揃え<br>
中央揃え<br>
右揃え</p>
<h3 id="HTML-のコア屬性">HTML のコア屬性</h3>
<p>以下に示すほぼすべての HTML 要素で使用されているコア屬性はほとんどありません。</p>
<ul>
<li>ID</li>
<li>タイトル</li>
<li>クラス</li>
<li>タイプ</li>
</ul>
<h4 id="ID">1) ID</h4>
<p>この屬性は、ページ內(nèi)の HTML 要素を一意に識別するために使用されます。 id 屬性によって HTML ページ內(nèi)の複數(shù)の場所で同じ要素が使用されている可能性があり、要素とそのコンテンツを識別し、JavaScript の別の目的に使用できる可能性があります。以下に例を示します。</p>
<p><code><p id = "html">これは、HTML とは何か、その使用方法を説明する最初の段落です</p><code><p id = "html">This is first paragraph which ?explains what is HTML? how to use it</p><br>
<p id = "css">This it second para which ?explains what is Cascading Style Sheet and how to use it</p> </code>
<p id = "css">この 2 番目のパラグラフでは、カスケード スタイル シートとは何か、その使用方法について説明します</p> </code></p>
<p>説明 – 上記の例では、この要素を ID によってのみ區(qū)別するために、同じ要素が 2 回使用されています。</p>
<h4 id="タイトル">2) タイトル</h4>
<p>この屬性の構(gòu)文は id 屬性に似ており、この屬性の目的はそれを運ぶ要素によって異なります。カーソルが要素の上に來るとツールチップとして表示されることがよくありますが、これがこの屬性の主な用途です。例を以下に示します –</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title> title Attribute Example</title>
</head>
<body>
<h3 title = "Hello Title Example Test">Sleeping from the long time</h3>
</body>
</html></pre>
<p><strong>出力</strong></p>
<p>長い間眠っている</p>
<p>If we try to bring our cursor over “Sleeping from a long time”, we will see that whatever title we have used in our code is coming out as a tooltip of the cursor.</p>
<h4 id="Class">3) Class</h4>
<p>The class?attribute is used to associate an element with a style sheet and specifies the class of element. We will learn more about the use of the class attribute when we will learn Cascading Style Sheet (CSS).Its main use is CSS. Value for this attribute may also be a space-separated list of class names. The example is given below –</p>
<p><code>class = "className11 className12 className53"</code></p>
<h4 id="Style">4) Style</h4>
<p>It is used to writing the cascading style rule at the element level, which can be better explained by the example given below.</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>The style Attribute</title>
</head>
<body>
<p style = "font-family:arial; color:#FF0000;">This is style example text , it is red color...</p>
</body>
</html></pre>
<p><strong>Output</strong></p>
<p>This is a style example text; it is red color…</p>
<h3 id="Conclusion">Conclusion</h3>
<p>As we saw many basics tags, the web page can be created with the help of these tags, which can be displayed to the end-user whenever a user requests the particular web page through his web browser, the work of displaying will be done by the web browser. Today lots of new tags exist into the market to make web pages more attractive.</p><p>以上がHTML はどのように機能するのか?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。</p>
</div>
</div>
<div id="377j5v51b" class="wzconShengming_sp">
<div id="377j5v51b" class="bzsmdiv_sp">このウェブサイトの聲明</div>
<div>この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡(luò)ください。</div>
</div>
</div>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="2507867629"></ins>
<div id="377j5v51b" 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>
<!-- <div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" 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 id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796821119.html" title="ガイド：Stellar Blade Save Fileの場所/ファイルを保存する/保存しない" class="phpgenera_Details_mainR4_bottom_title">ガイド：Stellar Blade Save Fileの場所/ファイルを保存する/保存しない</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4週間前</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796827210.html" title="Oguri Cap Build Guide |かなりのダービーズメソム" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |かなりのダービーズメソム</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2週間前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796828723.html" title="Agnes Tachyonビルドガイド|かなりのダービーズメソム" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyonビルドガイド|かなりのダービーズメソム</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2週間前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796821436.html" title="砂丘：目覚め - 高度な惑星科醫(yī)クエストウォークスルー" class="phpgenera_Details_mainR4_bottom_title">砂丘：目覚め - 高度な惑星科醫(yī)クエストウォークスルー</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4週間前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796821278.html" title="すべての日付：ダークとハーパーの関係ガイド" class="phpgenera_Details_mainR4_bottom_title">すべての日付：ダークとハーパーの関係ガイド</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4週間前</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ja/article.html">もっと見る</a>
</div>
</div>
</div> -->
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" 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 id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>AI衣類リムーバー</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ja/ai">もっと見る</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" 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 id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796821119.html" title="ガイド：Stellar Blade Save Fileの場所/ファイルを保存する/保存しない" class="phpgenera_Details_mainR4_bottom_title">ガイド：Stellar Blade Save Fileの場所/ファイルを保存する/保存しない</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4週間前</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796827210.html" title="Oguri Cap Build Guide |かなりのダービーズメソム" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |かなりのダービーズメソム</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2週間前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796828723.html" title="Agnes Tachyonビルドガイド|かなりのダービーズメソム" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyonビルドガイド|かなりのダービーズメソム</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>2週間前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796821436.html" title="砂丘：目覚め - 高度な惑星科醫(yī)クエストウォークスルー" class="phpgenera_Details_mainR4_bottom_title">砂丘：目覚め - 高度な惑星科醫(yī)クエストウォークスルー</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4週間前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/1796821278.html" title="すべての日付：ダークとハーパーの関係ガイド" class="phpgenera_Details_mainR4_bottom_title">すべての日付：ダークとハーパーの関係ガイド</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4週間前</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ja/article.html">もっと見る</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" 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 id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ja/toolset/development-tools/93" title="SublimeText3 中國語版" class="phpmain_tab2_mids_title">
<h3>SublimeText3 中國語版</h3>
</a>
<p>中國語版、とても使いやすい</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_title">
<h3>ゼンドスタジオ 13.0.1</h3>
</a>
<p>強力な PHP 統(tǒng)合開発環(huán)境</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_title">
<h3>ドリームウィーバー CS6</h3>
</a>
<p>ビジュアル Web 開発ツール</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.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 id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ja/ai">もっと見る</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" 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 id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/gmailyxdlrkzn" title="Gmailメールのログイン入り口はどこですか？" class="phpgenera_Details_mainR4_bottom_title">Gmailメールのログイン入り口はどこですか？</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>8638</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>17</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/java-tutorial" title="Java チュートリアル" class="phpgenera_Details_mainR4_bottom_title">Java チュートリアル</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1783</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>16</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/cakephp-tutor" title="CakePHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">CakePHP チュートリアル</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1729</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>56</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/laravel-tutori" title="Laravel チュートリアル" class="phpgenera_Details_mainR4_bottom_title">Laravel チュートリアル</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1579</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>28</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ja/faq/php-tutorial" title="PHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">PHP チュートリアル</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1444</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>31</span>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ja/faq/zt">もっと見る</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main2">
<div id="377j5v51b" class="phpgenera_Details_mainL4">
<div id="377j5v51b" 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 id="377j5v51b" class="phpgenera_Details_mainL4_info">
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ja/faq/1796829177.html" title="Webページを構(gòu)築するための重要な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/001/253/068/175148129241939.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Webページを構(gòu)築するための重要なHTML要素は何ですか？" />
</a>
<a href="http://m.miracleart.cn/ja/faq/1796829177.html" title="Webページを構(gòu)築するための重要なHTML要素は何ですか？" class="phphistorical_Version2_mids_title">Webページを構(gòu)築するための重要なHTML要素は何ですか？</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:34 AM</span>
<p class="Articlelist_txts_p">Webページ構(gòu)造は、Core HTML要素でサポートする必要があります。 1.ページの全體的な構(gòu)造は、メタ情報を保存してコンテンツを表示するルート要素であるルート要素で構(gòu)成されています。 2。コンテンツ組織は、組織構(gòu)造とSEOを改善するために、タイトル（ - ）、パラグラフ（）、およびブロックタグ（など）に依存しています。 3.ナビゲーションは実裝され、実裝され、一般的に使用される組織にはリンクされ、ARIA-CURRENT屬性が補完され、アクセシビリティが強化されます。 4。フォームインタラクションは、、、完全なユーザー入力と提出機能を確保するための、、および、、、、および、これらの要素を適切に使用すると、ページの明確さ、メンテナンス、検索エンジンの最適化が向上する可能性があります。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ja/faq/1796829157.html" title="HTML5サーバーセントイベントでの再接続とエラーの処理。" 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/001/253/068/175148089165625.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML5サーバーセントイベントでの再接続とエラーの処理。" />
</a>
<a href="http://m.miracleart.cn/ja/faq/1796829157.html" title="HTML5サーバーセントイベントでの再接続とエラーの処理。" class="phphistorical_Version2_mids_title">HTML5サーバーセントイベントでの再接続とエラーの処理。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:28 AM</span>
<p class="Articlelist_txts_p">HTML5SSEを使用する場合、再接続とエラーに対処する方法には次のものが含まれます。1。デフォルトの再接続メカニズムを理解します。 EventSourceは、デフォルトで接続が中斷されてから3秒後に再試行します。再試行フィールドを介して間隔をカスタマイズできます。 2.接続障害または解析エラーに対処するためにエラーイベントを聞いて、自動再接続に依存しているネットワークの問題、サーバーエラーが手動で再接続を遅らせる、認(rèn)証障害の更新トークンなど、対応するロジックを?qū)g行し、実行するロジックを?qū)g行します。 3.接続の手動での閉鎖と再構(gòu)築、再試行時間の最大數(shù)を設(shè)定するなど、再接続ロジックを積極的に制御し、ナビゲーターを組み合わせてネットワークステータスを判斷して再試行戦略を最適化します。これらのメジャーは、アプリケーションの安定性とユーザーエクスペリエンスを改善できます。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ja/faq/1796829178.html" title="最新のページの正しいHTML5 Doctypeを宣言します。" 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/001/253/068/175148132111973.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="最新のページの正しいHTML5 Doctypeを宣言します。" />
</a>
<a href="http://m.miracleart.cn/ja/faq/1796829178.html" title="最新のページの正しいHTML5 Doctypeを宣言します。" class="phphistorical_Version2_mids_title">最新のページの正しいHTML5 Doctypeを宣言します。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:35 AM</span>
<p class="Articlelist_txts_p">Doctypeは、ページを解析するために使用するHTML標(biāo)準(zhǔn)をブラウザに伝えるステートメントです。最新のWebページは、HTMLファイルの先頭に記述するだけです。その機能は、ブラウザが奇妙なモードではなく標(biāo)準(zhǔn)モードでページをレンダリングし、その前にスペースやコメントがない最初の行に配置する必要があることを確認(rèn)することです。それを書く正しい方法は1つだけであり、古いバージョンやその他のバリアントを使用することはお勧めしません。 charset、viewportなどのその他は、部分的に配置する必要があります。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ja/faq/1796829167.html" title="HTML屬性を使用したクライアント側(cè)フォーム検証の実裝。" 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/001/253/068/175148109151878.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML屬性を使用したクライアント側(cè)フォーム検証の実裝。" />
</a>
<a href="http://m.miracleart.cn/ja/faq/1796829167.html" title="HTML屬性を使用したクライアント側(cè)フォーム検証の実裝。" class="phphistorical_Version2_mids_title">HTML屬性を使用したクライアント側(cè)フォーム検証の実裝。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:31 AM</span>
<p class="Articlelist_txts_p">client-sideformvalidationcanbedonewithoutjavascriptbyusinghtmlattributes.1）userequedtoeenforcemandatoryfields.2）validateemailsandurlswitttributeslikemailorurl、orusepatternwithregexforcustomformats.3）</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ja/faq/1796829956.html" title="HTMLを使用して選択したドロップダウン內(nèi)でオプションをグループ化する方法は？" 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/001/253/068/175157020270129.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTMLを使用して選択したドロップダウン內(nèi)でオプションをグループ化する方法は？" />
</a>
<a href="http://m.miracleart.cn/ja/faq/1796829956.html" title="HTMLを使用して選択したドロップダウン內(nèi)でオプションをグループ化する方法は？" class="phphistorical_Version2_mids_title">HTMLを使用して選択したドロップダウン內(nèi)でオプションをグループ化する方法は？</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 04, 2025 am 03:16 AM</span>
<p class="Articlelist_txts_p">HTMLのタグを使用して、ドロップダウンメニューにオプションをグループ化します。特定の方法は、次のような要素のグループを包み、ラベル屬性を介してグループ名を定義することです。1。リンゴ、バナナ、オレンジなどのオプションが含まれます。 2。ニンジン、ブロッコリーなどのオプションが含まれています。 3。それぞれが獨立したグループであり、グループ內(nèi)のオプションは自動的にインデントされます。メモには以下が含まれます。 firsedグループ全體を無効にする屬性を介して無効にすることができます。 styleスタイルは制限されており、CSSまたはサードパーティライブラリと組み合わせて美化する必要があります。 select2などのプラグインを使用して機能を強化できます。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ja/faq/1796835653.html" title="CSSとJavaScriptをHTML5構(gòu)造と効果的に統(tǒng)合します。" 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/001/253/068/175226046128038.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="CSSとJavaScriptをHTML5構(gòu)造と効果的に統(tǒng)合します。" />
</a>
<a href="http://m.miracleart.cn/ja/faq/1796835653.html" title="CSSとJavaScriptをHTML5構(gòu)造と効果的に統(tǒng)合します。" class="phphistorical_Version2_mids_title">CSSとJavaScriptをHTML5構(gòu)造と効果的に統(tǒng)合します。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 12, 2025 am 03:01 AM</span>
<p class="Articlelist_txts_p">HTML5、CSS、およびJavaScriptは、セマンティックタグ、妥當(dāng)な読み込み順序、デカップリング設(shè)計と効率的に組み合わせる必要があります。 1. SEOやバリアのないアクセスを助長する構(gòu)造の明確性と保守性の向上など、HTML5セマンティックタグを使用します。 2。CSSを配置し、外部ファイルを使用し、モジュールごとに分割して、インラインスタイルと遅延荷重問題を回避する必要があります。 3. JavaScriptは、前に導(dǎo)入され、Deferまたは非同期を使用して非同期にロードすることをお勧めします。 4. 3つの間の強い依存性を減らし、データ - *屬性とクラス名制御ステータスを介して動作を促進(jìn)し、統(tǒng)一された命名仕様を介してコラボレーション効率を改善します。これらの方法は、ページのパフォーマンスを効果的に最適化し、チームと協(xié)力することができます。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ja/faq/1796831880.html" title="HTMLボタン要素を使用してクリック可能なボタンを?qū)g裝します" 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/001/253/068/175182671121571.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTMLボタン要素を使用してクリック可能なボタンを?qū)g裝します" />
</a>
<a href="http://m.miracleart.cn/ja/faq/1796831880.html" title="HTMLボタン要素を使用してクリック可能なボタンを?qū)g裝します" class="phphistorical_Version2_mids_title">HTMLボタン要素を使用してクリック可能なボタンを?qū)g裝します</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 07, 2025 am 02:31 AM</span>
<p class="Articlelist_txts_p">HTMLボタン要素を使用してクリック可能なボタンを?qū)g現(xiàn)するには、まずその基本的な使用法と一般的な予防策を習(xí)得する必要があります。 1.デフォルトで送信されるタイプ屬性（ボタン、送信、リセットなど）を使用してタグを使用してボタンを作成し、動作を定義します。 2. JavaScriptを介してインタラクティブな関數(shù)を追加します。これは、IDを介してインラインまたはバインドイベントリスナーを作成してメンテナンスを改善することができます。 3. CSSを使用して、バックグラウンドカラー、ボーダー、丸いコーナー、ホバー/アクティブステータス効果などのスタイルをカスタマイズして、ユーザーエクスペリエンスを強化します。 4.一般的な問題に注意してください：無効な屬性が有効になっていないことを確認(rèn)し、JSイベントが正しくバインドされ、レイアウトオクルージョンがあり、開発者ツールのヘルプを使用して例外をトラブルシューティングします。これをマスターします</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ja/faq/1796832574.html" title="新しいHTML5メソッド（FormData）を使用してフォームデータを送信する" 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/001/253/068/175191288234525.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="新しいHTML5メソッド（FormData）を使用してフォームデータを送信する" />
</a>
<a href="http://m.miracleart.cn/ja/faq/1796832574.html" title="新しいHTML5メソッド（FormData）を使用してフォームデータを送信する" class="phphistorical_Version2_mids_title">新しいHTML5メソッド（FormData）を使用してフォームデータを送信する</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 08, 2025 am 02:28 AM</span>
<p class="Articlelist_txts_p">HTML5のFormData APIを使用してフォームデータを送信する方が便利です。 1.名前屬性を持つフォームフィールドを自動的に収集したり、データを手動で追加したりできます。 2.ファイルのアップロードに適したMultiPart/Form-Data形式での送信をFetchまたはXmlhttpRequestを介してサポートします。 3.ファイルを処理する場合、FormDataにファイルを追加してリクエストを送信する必要があります。 4.同じ名前のフィールドが上書きされ、JSON変換とネスト構(gòu)造を処理する必要はないことに注意してください。</p>
</div>
</div>
<a href="http://m.miracleart.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 id="377j5v51b" class="footer">
<div id="377j5v51b" class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>福祉オンライン PHP トレーニング，PHP 學(xué)習(xí)者の迅速な成長を支援します！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://m.miracleart.cn/ja/about/us.html">私たちについて</a>
<a href="http://m.miracleart.cn/ja/about/disclaimer.html">免責(zé)事項</a>
<a href="http://m.miracleart.cn/ja/update/article_0_1.html">Sitemap</a>
</div>
<div id="377j5v51b" class="footerbottom">
<p>
? php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="plrj5" class="pl_css_ganrao" style="display: none;"><tfoot id="plrj5"></tfoot><var id="plrj5"></var><small id="plrj5"></small><video id="plrj5"><object id="plrj5"><big id="plrj5"><center id="plrj5"></center></big></object></video><track id="plrj5"><kbd id="plrj5"><strong id="plrj5"><td id="plrj5"></td></strong></kbd></track><div id="plrj5"></div><strong id="plrj5"><td id="plrj5"><center id="plrj5"><rp id="plrj5"></rp></center></td></strong><source id="plrj5"></source><pre id="plrj5"><style id="plrj5"><tbody id="plrj5"><small id="plrj5"></small></tbody></style></pre><menu id="plrj5"></menu><font id="plrj5"><li id="plrj5"></li></font><tbody id="plrj5"></tbody><blockquote id="plrj5"><samp id="plrj5"><nobr id="plrj5"><legend id="plrj5"></legend></nobr></samp></blockquote><menu id="plrj5"><big id="plrj5"><pre id="plrj5"></pre></big></menu><strong id="plrj5"><dl id="plrj5"><font id="plrj5"><em id="plrj5"></em></font></dl></strong><div id="plrj5"></div><dfn id="plrj5"><u id="plrj5"><fieldset id="plrj5"><address id="plrj5"></address></fieldset></u></dfn><sub id="plrj5"><thead id="plrj5"><abbr id="plrj5"></abbr></thead></sub><dfn id="plrj5"></dfn><sub id="plrj5"></sub><delect id="plrj5"><sub id="plrj5"><li id="plrj5"></li></sub></delect><delect id="plrj5"><sub id="plrj5"><li id="plrj5"></li></sub></delect><em id="plrj5"></em><pre id="plrj5"><ul id="plrj5"></ul></pre><fieldset id="plrj5"><i id="plrj5"><tr id="plrj5"></tr></i></fieldset><thead id="plrj5"></thead><li id="plrj5"></li><dfn id="plrj5"></dfn><rp id="plrj5"><video id="plrj5"><menu id="plrj5"></menu></video></rp><bdo id="plrj5"><code id="plrj5"></code></bdo><em id="plrj5"></em><noframes id="plrj5"><abbr id="plrj5"></abbr></noframes><u id="plrj5"></u><dfn id="plrj5"></dfn><small id="plrj5"></small><tt id="plrj5"></tt><rp id="plrj5"></rp><fieldset id="plrj5"><address id="plrj5"><tr id="plrj5"><b id="plrj5"></b></tr></address></fieldset><dl id="plrj5"></dl><s id="plrj5"></s><div id="plrj5"></div><abbr id="plrj5"><bdo id="plrj5"></bdo></abbr><span id="plrj5"></span><mark id="plrj5"><noframes id="plrj5"><abbr id="plrj5"><strike id="plrj5"></strike></abbr></noframes></mark><video id="plrj5"></video><acronym id="plrj5"></acronym><form id="plrj5"></form><small id="plrj5"><fieldset id="plrj5"><acronym id="plrj5"></acronym></fieldset></small></div>
</html>