ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLタグ一覧と使い方_HTML/Xhtml_Webページ制作

HTMLタグ一覧と使い方_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:40:561394ブラウズ

HTMLタグリスト

标记 类型 名称或意义 作用 备注
文件标记
文件宣告 让浏览器知道这是 HTML 文件  
开头 提供文件整体信息  
</td> <td>●</td> <td>标题</td> <td>定义文件标题,将显示于浏览器顶端</td> <td> </td> </tr> <tr> <td><BODY></td> <td>●</td> <td>主体</td> <td>设计文件格式及内容所在</td> <td> </td> </tr> <tr> <td colspan="5"><strong>排版标记</strong></td> </tr> <tr> <td><!--注--></td> <td>○</td> <td>説明タグ</td> <td>ファイルに説明を追加しますが、表示されません</td> <td> </td> </tr> <tr> <td><p></p></td> <td>○</td> <td>段落マーク</td> <td>単語、写真、表などの間には空白行を入れてください。</td> <td> </td> </tr> <tr> <td><br></td> <td>○</td> <td>改行タグ</td> <td>単語、写真、表を次の行に表示します</td> <td> </td> </tr> <tr> <td></td> <td>○</td> <td>水平線</td> <td>水平線を挿入</td> <td> </td> </tr> <tr> <td></td> <td>●</td> <td>中央に配置</td> <td>文字、写真、表などを中央に表示させます</td> <td>反対</td> </tr> <tr> <td></td> <td>●</td> <td>デフォルトの形式</td> <td>元のコードの配置に従ってファイルを表示します</td> <td> </td> </tr> <tr> <td><div></div></td> <td>●</td> <td>ロケーションタグ</td> <td>文字、写真、表などの配置を設定します</td> <td> </td> </tr> <tr> <td><nobr></nobr></td> <td>●</td> <td>改行はありません</td> <td>テキストが長すぎる場合に折り返されないようにします</td> <td> </td> </tr> <tr> <td><wbr></wbr></td> <td>●</td> <td>改行推奨</td> <td>デフォルトの改行位置</td> <td> </td> </tr> <tr> <td colspan="5">フォントタグ</td> </tr> <tr> <td><strong></strong></td> <td>●</td> <td>強調口調</td> <td>太字フォントの効果を生み出す</td> <td> </td> </tr> <tr> <td><b></b></td> <td>●</td> <td>太字マーク</td> <td>太字のフォント効果を生成します</td> <td> </td> </tr> <tr> <td><em></em></td> <td>●</td> <td>強調マーク</td> <td>フォントには斜体効果があります</td> <td> </td> </tr> <tr> <td></td> <td>●</td> <td>斜体マーク</td> <td>フォントには斜体効果があります</td> <td> </td> </tr> <tr> <td><tt></tt></td> <td>●</td> <td>等幅フォント</td> <td>Courier フォント、同じ文字幅</td> <td> </td> </tr> <tr> <td><u></u></td> <td>●</td> <td>下線</td> <td>下線</td> <td>反対</td> </tr> <tr> <td><h1></h1></td> <td>●</td> <td>レベル 1 タイトルタグ</td> <td>フォントを大きくし、レベルが上がるほど小さくなります</td> <td> </td> </tr> <tr> <td><h2></h2></td> <td>●</td> <td>レベル 2 タイトルタグ</td> <td>フォントを大きくする</td> <td> </td> </tr> <tr> <td><h3></h3></td> <td>●</td> <td>レベル 3 タイトルタグ</td> <td>フォントを大きくする</td> <td> </td> </tr> <tr> <td><h4></h4></td> <td>●</td> <td>レベル 4 タイトルタグ</td> <td>フォントを大きくする</td> <td> </td> </tr> <tr> <td><h5></h5></td> <td>●</td> <td>レベル 5 タイトルタグ</td> <td>フォントを大きくする</td> <td> </td> </tr> <tr> <td><h6></h6></td> <td>●</td> <td>レベル 6 タイトルタグ</td> <td>フォントを大きくする</td> <td> </td> </tr> <tr> <td><font></font></td> <td>●</td> <td>フォントタグ</td> <td>フォント、サイズ、色を設定します</td> <td>反対</td> </tr> <tr> <td><basefont></td> <td>○</td> <td>基本的なフォントマーク</td> <td>すべてのフォント、サイズ、色を設定します</td> <td>反対</td> </tr> <tr> <td><big></big></td> <td>●</td> <td>フォントサイズを大きくする</td> <td>フォントを少し大きくします</td> <td> </td> </tr> <tr> <td></td> <td>●</td> <td>縮小フォント</td> <td>フォントを少し小さくします</td> <td> </td> </tr> <tr> <td></td> <td>●</td> <td>取り消し線</td> <td>取り消し線のテキスト</td> <td>反対</td> </tr> <tr> <td></td> <td>●</td> <td>プログラムコード</td> <td>フォントは <TT> のように少し幅広です</td> <td> </td> </tr> <tr> <td><KBD></td> <td>●</td> <td>キーボードの単語</td> <td>わずかに幅の広いフォント、単一の空白</td> <td> </td> </tr> <tr> <td><サンプル></td> <td>●</td> <td>例</td> <td>w の文字は少し <TT> に似ています</td> <td> </td> </tr> <tr> <td><VAR></td> <td>●</td> <td>変数</td> <td>斜体効果</td> <td> </td> </tr> <tr> <td><引用></td> <td>●</td> <td>斜体マーク</td> <td>斜体効果</td> <td> </td> </tr> <tr> <td><ブロック引用></td> <td>●</td> <td>右インデント</td> <td>テキストを右にインデントします</td> <td> </td> </tr> <tr> <td><DFN></td> <td>●</td> <td>述語の定義</td> <td>斜体効果</td> <td> </td> </tr> <tr> <td><アドレス></td> <td>●</td> <td>アドレスタグ</td> <td>斜体効果</td> <td> </td> </tr> <tr> <td><サブ></td> <td>●</td> <td>下付き文字</td> <td>テキストの下付き文字</td> <td> </td> </tr> <tr> <td><SUP></td> <td>●</td> <td>上付き文字 </td> <td>テキストの上付き文字</td> <td> </td> </tr> <tr> <td colspan="5"><strong>チェックリストタグ</strong></td> </tr> <tr> <td><OL></td> <td>●</td> <td>シーケンスリスト</td> <td>リスト項目は数字とアルファベット順に並べられます</td> <td> </td> </tr> <tr> <td><UL></td> <td>●</td> <td>順序なしリスト</td> <td>チェックリスト項目は実線のドット付きの記号として配置されます</td> <td> </td> </tr> <tr> <td><LI></td> <td>○</td> <td>チェックリスト項目</td> <td>リスト内の項目、1 行に 1 つのマーク</td> <td> </td> </tr> <tr> <td><メニュー></td> <td>●</td> <td>オプションリスト</td> <td>type パラメータを使用して箇条書きを指定できます。</td> <td>反对</td> </tr> <tr> <td><DIR></td> <td>●</td> <td>目录清单</td> <td>与<menu>相同</td> <td>反对</td> </tr> <tr> <td><DL></td> <td>●</td> <td>定义清单</td> <td>清单分两层出现</td> <td> </td> </tr> <tr> <td><DT></td> <td>○</td> <td>定义条目</td> <td>清单项标题</td> <td> </td> </tr> <tr> <td><DD></td> <td>○</td> <td>定义内容</td> <td>清单项内容</td> <td> </td> </tr> <tr> <td colspan="5"><strong>表格标记</strong></td> </tr> <tr> <td><TABLE></td> <td>●</td> <td>表格标记</td> <td>设定该表格的各项参数</td> <td> </td> </tr> <tr> <td><CAPTION></td> <td>●</td> <td>表格标题</td> <td>做成一打通列以填入表格标题</td> <td> </td> </tr> <tr> <td><TR></td> <td>●</td> <td>表格列</td> <td>设定该表格的列</td> <td> </td> </tr> <tr> <td><TD></td> <td>●</td> <td>表格栏</td> <td>设定该表格的栏</td> <td> </td> </tr> <tr> <td><TH></td> <td>●</td> <td>表格标头</td> <td>相等于<TD>,但其内文字字体会变粗</td> <td> </td> </tr> <tr> <td colspan="5"><strong>表单标记</strong></td> </tr> <tr> <td><FORM></td> <td>●</td> <td>表单标记</td> <td>决定该表单的运作模式</td> <td> </td> </tr> <tr> <td><TEXTAREA></td> <td>●</td> <td>文字框</td> <td>提供文字输入栏</td> <td> </td> </tr> <tr> <td><INPUT></td> <td>○</td> <td>输入标记</td> <td>决定输入形式</td> <td> </td> </tr> <tr> <td><SELECT></td> <td>●</td> <td>选择标记</td> <td>建立弹出卷动清单</td> <td> </td> </tr> <tr> <td><OPTION></td> <td>○</td> <td>选项</td> <td>每一个清单选项</td> <td> </td> </tr> <tr> <td colspan="5"><strong>图形标记</strong></td> </tr> <tr> <td><IMG></td> <td>○</td> <td>图形标记</td> <td>用来插入图形及设定图形属性</td> <td> </td> </tr> <tr> <td colspan="5"><strong>链接标记</strong></td> </tr> <tr> <td><A></td> <td>●</td> <td>链接标记</td> <td>加入链接</td> <td> </td> </tr> <tr> <td><BASE></td> <td>○</td> <td>基准标记</td> <td>可将相对 URL 转绝对及指定链接</td> <td> </td> </tr> <tr> <td colspan="5"><strong>框架标记</strong></td> </tr> <tr> <td><FRAMESET></td> <td>●</td> <td>框架设定</td> <td>设定框架</td> <td> </td> </tr> <tr> <td><FRAME></td> <td>○</td> <td>窗口设定</td> <td>设定框架中的窗口</td> <td> </td> </tr> <tr> <td><IFRAME></td> <td>○</td> <td>页内框架</td> <td>于网页中插入框架</td> <td>IE</td> </tr> <tr> <td><NOFRAMES></td> <td>●</td> <td>不支持框架</td> <td>设定浏览器不支持框架时的提示</td> <td> </td> </tr> <tr> <td colspan="5"><strong>影像地图</strong></td> </tr> <tr> <td></td> <td>●</td> <td>イメージマップ名</td> <td>イメージマップ名を設定します</td> <td> </td> </tr> <tr> <td></td> <td>○</td> <td>リンクエリア</td> <td>各リンクエリアを設定</td> <td> </td> </tr> <tr> <td colspan="5"><strong>マルチメディア</strong></td> </tr> <tr> <td><bgsound></bgsound></td> <td>○</td> <td>背景音</td> <td>音楽やサウンドをバックグラウンドで再生する</td> <td>IE</td> </tr> <tr> <td><埋め込み></td> <td>○</td> <td>マルチメディア</td> <td>サウンド、音楽、または画像を追加します</td> <td> </td> </tr> <tr> <td colspan="5"><strong>その他のタグ</strong></td> </tr> <tr> <td></td> <td>●</td> <td>回転ランタン</td> <td>テキストを移動する</td> <td>IE</td> </tr> <tr> <td></td> <td>●</td> <td>フラッシュテキスト</td> <td>テキストをフラッシュする</td> <td>ノースカロライナ州</td> </tr> <tr> <td><isindex></td> <td>○</td> <td>ページ内ファインダー</td> <td>キーワードを入力してこのページを見つけることができます</td> <td>反対</td> </tr> <tr> <td></td> <td>○</td> <td>開封手順</td> <td>このページに関する情報をブラウザに提供します</td> <td> </td> </tr> <tr> <td></td> <td>○</td> <td>関係の定義</td> <td>このファイルと他の URL との関係を定義します</td> <td> </td> </tr> <tr> <td colspan="5">スタイルシート</td> </tr> <tr> <td></td> <td>●</td> <td>仕様書</td> <td>Web ページのレイアウトを制御</td> <td> </td> </tr> <tr> <td></td> <td>●</td> <td>カスタマイズされたタグ</td> <td>単独で使用するか、スタイルシートと併用して使用します</td> <td> </td> </tr> </tbody> </table> <p><strong>備考: </strong></p> <p>1. ● マークが包含マークであること、つまり終了マーク </mark> が必要であることを示します。 </p> <p>2. ○はタグが空のタグ、つまり終了タグが必要ないことを示します。 </p> <p>3. IE は、このタグが Internet Explorer にのみ適していることを意味します。 </p> <p>4. NC は、このマークが Netscape Communicator にのみ適用されることを意味します。 </p> <p>5. 反対とは、タグが W3C によって承認されていないことを意味します。通常、このタグは Microsoft または Netscape によってカスタマイズされており、すべての人にサポートされていますが、HTML 標準には同等以上の機能を持つ他のオプションがあります。 </p> <p>6. 非推奨とは、タグが W3C によって放棄され、廃止されたタグであることを意味しますが、HTML には下位互換性があるため、ブラウザーは引き続きサポートします。 </p> <p>7. 新しいとは、このタグが HTML 4.0 で新しいことを意味します。 <br><br>あまり詳しくないと思われる場合は、次の記事を参照してください<a target="_blank" href="http://www.jb51.net/web/28143.html">HTML 要素 (タグ) とその使い方の紹介</a> を参照してください</p> <p><span style="COLOR: rgb(255,0,0)">——この記事は初期段階のインターネットからの転載です。出典を追跡することはできません。特別な指示はありません。 </span></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事:<a class="dBlack" title="HTML 長いテキストが tag_HTML/Xhtml_Web ページ制作の幅を超えた場合に自動的にインターセプト" href="https://m.php.cn/ja/faq/11793.html">HTML 長いテキストが tag_HTML/Xhtml_Web ページ制作の幅を超えた場合に自動的にインターセプト</a></span><span>次の記事:<a class="dBlack" title="HTML 長いテキストが tag_HTML/Xhtml_Web ページ制作の幅を超えた場合に自動的にインターセプト" href="https://m.php.cn/ja/faq/11797.html">HTML 長いテキストが tag_HTML/Xhtml_Web ページ制作の幅を超えた場合に自動的にインターセプト</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="https://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ja/faq/348757.html" title="HTMLの知識のまとめ" class="aBlack">HTMLの知識のまとめ</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/348804.html" title="HTMLを早く学ぶ方法" class="aBlack">HTMLを早く学ぶ方法</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/348873.html" title="html xhtml xml の違い" class="aBlack">html xhtml xml の違い</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/348884.html" title="src 属性と href 属性の違い" class="aBlack">src 属性と href 属性の違い</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/348902.html" title="HTML5とCSSの置き換え利用について" class="aBlack">HTML5とCSSの置き換え利用について</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p></div><div class="footermid"><a href="https://m.php.cn/ja/about/us.html">私たちについて</a><a href="https://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="https://m.php.cn/ja/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' 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>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>