HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLタグ


HTMLのタグは、次の要素のコンテナとして機能します-、<style>、<base>、<link>、<meta>、<script>、<noscript>。</P> <p> HTML5では、<head>要素を含めずにHTMLドキュメントを操作することもできます。</P> <p> <strong><title>内部<head></strong> </P> <p> <head>タグを実装し、<title> −</P>を追加する例を見てみましょう。 <h2>例</h2> <pre><!DOCTYPE html> <html> <head> <title>Document Title</title> </head> <body>    <h2>Demo Heading</h2>    <p>This is demo text.</p>    <p>This is demo text.</p>    <p>This is demo text.</p>    <p>This is demo text.</p> </body> </html></pre> <p> これにより、<head>要素-</P>の下に追加したドキュメントのタイトルを表示する次の出力が生成されます。 <p> <img loading='lazy' alt='HTML head タグ ' src="/article/uploadfiles/202203/2022033116063442.jpg" /> </P> <p> <strong><base>内部<head></strong> </P> <p> HTMLのベースタグは、HTMLドキュメントのベースURLを設定するために使用されます。 <head>は、<base>要素のコンテナとしても機能します。たとえば、ベースURLは<strong> https-//example.com/tutorials </strong> <strong> / html、/ java、/ jquery</strong>などのすべての相対URL など、最終的には-</P> <pre>https −//example.com/tutorials/html https −//example.com/tutorials/java https −//example.com/tutorials/jquery</pre> <p> <strong>注</strong> − <base>タグには終了タグがありません。つまり、</base></P>で終了する必要はありません。 <p> 以下は属性です-</P> <ul> <li> <strong> href </strong> −ページ内のすべての相対URLのベースURLを設定します</li> <li><strong>ターゲット</strong> −すべてのハイパーリンクとフォームのデフォルトのターゲット。値には、_blank、_parent、_self、_top、framenameを指定できます。</li> </ul> <p> <base>要素-</P>を実装する例を見てみましょう <h2>例</h2> <pre><!DOCTYPE html> <html> <head> <base href="https −//www.example.com/tutorials/"> </head> <body>    <h2>Tutotials List</h2>    <p><a href="java.html">Java Tutorial</a></p><p>(This will act as https −//www.example.com/tutorials/java.html)</p>    <p><a href="jquery.html">jQuery Tutorial</a></p><p>(This will act as https −//www.example.com/tutorials/jquery.html)</p>    <p><a href="blockchain.html">Blockchain Tutorial</a></p><p>(This will act as https −//www.example.com/tutorials/blockchain.html)</p>    <p><a href="python.html">Python Tutorial</a></p><p>(This will act as https −//www.example.com/tutorials/python.html)</p> </body> </html></pre> <h2>出力</h2> <p> <img loading='lazy' alt='HTML head タグ ' src="/article/uploadfiles/202203/2022033116063560.jpg" /> </P> <br> </div> <div class="ad5"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script> <!-- jp.wsxdn 2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="2397329591" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> adsbygoogle = window.adsbygoogle || [].push{}; </script></div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001064272.html' >JavaでHTMLを使用してJLabelのテキストフォントを変更するにはどうすればよいですか? </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/ay151t/1001064274.html' >HTML<del>タグ </a> <i class="next"></i> </div> </div> <section class="bottom-list"> <ol> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064408.html" class="t-over" title="HTML<embed>タグ "> <span>HTML<embed>タグ </span> </a> <p class="r-over r-over-3"> タグは、HTMLドキュメントに外部アプリケーションを含めるために使用されます。 以下は属性です- 高さ: 埋め込まれたコンテンツの高さ(ピクセル単位)です。 src :埋め込む外部ファイルのアドレス、つまりURLを記載します。 タイプ :埋め込まれたコンテンツのメディアタイプを指定するのはメディアタイプです 幅: 埋め込まれたコンテンツの幅(ピクセル単位)です ここで、HTMLにタグを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <h2>CSS Demonstrating Appl </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064409.html" class="t-over" title="HTML<dfn>タグ "> <span>HTML<dfn>タグ </span> </a> <p class="r-over r-over-3"> HTMLのタグは、HTMLの用語のインスタンスを定義するために使用されます。これは、用語の最初の使用法です。 タグ-を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <h2>Subjects in MCA</h2> <p><dfn title="Master of Computer Applications">MCA</dfn> is a 3-year post graduate degree course </p> & </p> </div> </li> </ol> </section> </article> <aside class="box1-r box4-r"> <section class="small-nav"> <ul class="f-between"> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd144y/' target="_self">Cプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/qo145i/' target="_self">C ++</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh146b/' target="_self">Redis</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/hf147z/' target="_self">BASHプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/mk148e/' target="_self">Python</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/lj149d/' target="_self">Java</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay150s/' target="_self">データベース</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay151t/' target="_self">HTML</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/pn152h/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh153b/' target="_self">プログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/if154a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig155a/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jg156b/' target="_self">SQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig157b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/wu158p/' target="_self">Android</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ge159z/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh160b/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ec161w/' target="_self">C#</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd165y/' target="_self">PHP</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig171a/' target="_self">SQL Server</a></li> </ul> </section> <div class="box1-r-list"> <div> <i></i> <span>HTML</span> </div> <ol> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063717.html" class="r-over r-over-2" title="HTMLページでheadタグを使用するのはなぜですか? ">HTMLページでheadタグを使用するのはなぜですか? </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064263.html" class="r-over r-over-2" title="HTMLキャンバスタグ ">HTMLキャンバスタグ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064274.html" class="r-over r-over-2" title="HTML<del>タグ ">HTML<del>タグ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064277.html" class="r-over r-over-2" title="HTML<dd>タグ ">HTML<dd>タグ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064280.html" class="r-over r-over-2" title="HTML<code>タグ ">HTML<code>タグ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064289.html" class="r-over r-over-2" title="HTML<i>タグ ">HTML<i>タグ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064290.html" class="r-over r-over-2" title="HTML<html>タグ ">HTML<html>タグ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064291.html" class="r-over r-over-2" title="HTML<hr>タグ ">HTML<hr>タグ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064292.html" class="r-over r-over-2" title="HTML<hgroup> タグ ">HTML<hgroup> タグ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001064303.html" class="r-over r-over-2" title="HTML<nav>タグ ">HTML<nav>タグ </a> </li> </ol> </div> </aside> </section> <footer> <section> <span class="container f-center"> 著作権 © <a href="https://jp.wsxdn.com">https://jp.wsxdn.com</a> 全著作権所有 </span> </section> </footer> </body> </html>