zuknow learn together

新しい教材を作成

html5タグ

カード 71枚 作成者: ジュンペイ (作成日: 2013/11/07)

  • <html> </html>

解説面  クリックしてカードを裏返す

アプリをダウンロードして、このコンテンツを学習しよう! AppStore / Google Play

教材の説明:

html5のタグをまとめてみました。

公開範囲:

公開

カテゴリ:

  • このエントリーをはてなブックマークに追加
  • 1

    <html> </html>

    補足(例文と訳など)

    答え

    • HTML文書の最初と最後を囲うタグ

    解説

  • 2

    <img>

    補足(例文と訳など)

    答え

    • 画像を表示するためのタグです。(例)<img src ="logo.gif">

    解説

  • 3

    <details> </details>

    補足(例文と訳など)

    答え

    • クリックして開閉する動作の指定。

    解説

  • 4

    <hr>

    補足(例文と訳など)

    答え

    • 区切り線を表す。<hr>には閉じタグ(</hr>)がありません。

    解説

  • 5

    <a> </a>

    補足(例文と訳など)

    答え

    • ハイパーリンクタグ。(例)<a href="/" target="_blank">トップページへ戻る</a>

    解説

  • 6

    <input> </input>

    補足(例文と訳など)

    答え

    • フォーム入力部分。

    解説

  • 7

    <time> </time>

    補足(例文と訳など)

    答え

    • グレゴリオ暦における日付を表します。(例)更新日時: <time datetime=

    解説

  • 8

    <dl> </dl>

    補足(例文と訳など)

    答え

    • 記述リスト(Discription List)。

    解説

  • 9

    <sub> </sub>

    補足(例文と訳など)

    答え

    • 下付き文字にする。

    解説

  • 10

    <pre> </pre>

    補足(例文と訳など)

    答え

    • 整形済みテキストを表す。

    解説

  • 11

    <samp> </samp>

    補足(例文と訳など)

    答え

    • プログラムの出力を意味する。

    解説

  • 12

    <q> </q>

    補足(例文と訳など)

    答え

    • 「引用文」を指定する。文章単位での引用を意味します。

    解説

  • 13

    <base>

    補足(例文と訳など)

    答え

    • ページ内で使われるリンクの基準になるURLを指定する場合に使用します。

    解説

  • 14

    <label> </label>

    補足(例文と訳など)

    答え

    • 入力データを送信する。

    解説

  • 15

    <object> </object>

    補足(例文と訳など)

    答え

    • 外部コンテンツを表示。プラグイン等を埋め込みたいときに使います。

    解説

  • 16

    <datalist> </datalist>

    補足(例文と訳など)

    答え

    • 入力候補選択肢。<datalist>は、<option>とセットで使います。

    解説

  • 17

    <script> </script>

    補足(例文と訳など)

    答え

    • ページ内でJavascriptなどを利用する場合

    解説

  • 18

    <ruby> </ruby>

    補足(例文と訳など)

    答え

    • ルビを振る。

    解説

  • 19

    <bdo> </bdo>

    補足(例文と訳など)

    答え

    • 文字表記の方向指定をする。単語や文字を鏡写しのように左から右に反映させることができるタグです。

    解説

  • 20

    <em> </em>

    補足(例文と訳など)

    答え

    • 強調するタグ。HTML文章的意味でも重要性が高いことを意味します。

    解説

  • 21

    <table> </table>

    補足(例文と訳など)

    答え

    • 表を組むためのタグです。

    解説

  • 22

    <form> </form>

    補足(例文と訳など)

    答え

    • 入力データを送信する。

    解説

  • 23

    <video> </video>

    補足(例文と訳など)

    答え

    • 動画データを再生するためのタグです。

    解説

  • 24

    <div> </div>

    補足(例文と訳など)

    答え

    • 汎用的なブロック要素。

    解説

  • 25

    <h1~h6> </h1~h6>

    補足(例文と訳など)

    答え

    • 見出し。

    解説

  • 26

    <figure> </figure>

    補足(例文と訳など)

    答え

    • メインコンテンツにあたる写真や、ソースなどを意味します。

    解説

  • 27

    <hgroup> </hgroup>

    補足(例文と訳など)

    答え

    • 見出しタグ(h)のグループ化。

    解説

  • 28

    <blockquote> </blockquote>

    補足(例文と訳など)

    答え

    • 引用文を表す。<blockquote>で引用した元サイトのURLを書くときは<blockquote cite="http://~">と書きます。

    解説

  • 29

    <ol> </ol>

    補足(例文と訳など)

    答え

    • リストを番号で表示する方法です。

    解説

  • 30

    <head> </head>

    補足(例文と訳など)

    答え

    • <html>に続く最初の要素で、文書の情報を囲うタグ

    解説

  • 31

    <ul> </ul>

    補足(例文と訳など)

    答え

    • その範囲がリストだという意味です。実際のリストは<li>~</li>で囲みます。

    解説

  • 32

    <address> </address>

    補足(例文と訳など)

    答え

    • 会社の住所などを意味します。

    解説

  • 33

    <audio> </audio>

    補足(例文と訳など)

    答え

    • 音声データを再生するためのタグです。(例)<audio src ="sample.mp3">

    解説

  • 34

    <map> </map>

    補足(例文と訳など)

    答え

    • イメージマップを表示するためのタグです。

    解説

  • 35

    <textarea>

    補足(例文と訳など)

    答え

    • 複数行のテキストエリア。

    解説

  • 36

    <meta>

    補足(例文と訳など)

    答え

    • Webページに関するさまざまな情報を示すことができる。

    解説

  • 37

    <sup> </sup>

    補足(例文と訳など)

    答え

    • 上付き文字にする。

    解説

  • 38

    <aside> </aside>

    補足(例文と訳など)

    答え

    • 文章のメインにならない部分を表す。広告スペースなどのメインコンテンツ外を囲みます。

    解説

  • 39

    <iframe> </iframe>

    補足(例文と訳など)

    答え

    • インラインフレーム。別に用意されたHTMLやCGIのページを擬似的に同じページに表示させるときに使います。

    解説

  • 40

    <fieldset> </fieldset>

    補足(例文と訳など)

    答え

    • フォーム部品のグループ化。

    解説

  • 41

    <span> </span>

    補足(例文と訳など)

    答え

    • 意味を持たない汎用タグ。CSSでのclassやidを利用するときに大変重宝します。

    解説

  • 42

    <menu> </menu>

    補足(例文と訳など)

    答え

    • 命令メニューリスト。「context」は、右クリックで表示。「toolver」は、ツールバーとしての表示になります。

    解説

  • 43

    <kbd> </kbd>

    補足(例文と訳など)

    答え

    • ユーザーの入力を表すタグ。「続きを見る」など、キーボード以外でユーザーの意思を確認したい場合は、<kbd><samp>続きを見る</samp></kbd>と書きます。

    解説

  • 44

    <progress> </progress>

    補足(例文と訳など)

    答え

    • 進行状況を表示。

    解説

  • 45

    <command> </command>

    補足(例文と訳など)

    答え

    • コマンド(命令)。

    解説

  • 46

    <header> </header>

    補足(例文と訳など)

    答え

    • ヘッダである部分を表す。レイアウトの構造上、またはそれに属する「ヘッダ(前置き)」の部分を表します。

    解説

  • 47

    <abbr> </abbr>

    補足(例文と訳など)

    答え

    • 省略を意味するタグです。「title」には省略する前の言葉を入れます。(例)携帯電話は <abbr title="スマートフォン" >スマホ</abbr>が便利です。

    解説

  • 48

    <ins> </ins>

    補足(例文と訳など)

    答え

    • 追加テキストの理由、時間。対応ブラウザでは、下線で表示されます。

    解説

  • 49

    <i > </i>

    補足(例文と訳など)

    答え

    • イタリック文字(斜め文字)にする。

    解説

  • 50

    <wbr> </wbr>

    補足(例文と訳など)

    答え

    • 改行しても良い位置の範囲。長いURLの文字列は改行されません。

    解説

  • 51

    <strong> </strong>

    補足(例文と訳など)

    答え

    • 重要性の高い部分を強調するタグ。HTML文章的意味でも重要性が高いことを意味します。

    解説

  • 52

    <del> </del>

    補足(例文と訳など)

    答え

    • 削除テキストの理由、時間。対応ブラウザでは、訂正線で表示されます。

    解説

  • 53

    <nav> </nav>

    補足(例文と訳など)

    答え

    • <nav>は、主要のナビゲーションを表すタグです。スマートフォンサイトの上部や下部などにあるナビゲーションリンクを囲ったり、その他ナビゲーションである部分には何度でも用いることができます。

    解説

  • 54

    <article> </article>

    補足(例文と訳など)

    答え

    • ひとつの独立した記事の範囲を表す。コラムやサービス、商品の詳細説明などひとつの独立した範囲に使用します。

    解説

  • 55

    <footer> </footer>

    補足(例文と訳など)

    答え

    • フッタである部分を表す。レイアウトの構造上、またはそれに属する「 フッタ(最終部分)」を表します。

    解説

  • 56

    <code> </code>

    補足(例文と訳など)

    答え

    • コンピュータのコードを意味する。数式やプログラムの変数を意味するときは<var>を使用します。

    解説

  • 57

    <keygen>

    補足(例文と訳など)

    答え

    • 秘密鍵と公開鍵を生成する。ブラウザによって表示方法は異なりますが、基本的にプルダウンです。

    解説

  • 58

    <link>

    補足(例文と訳など)

    答え

    • 外部データファイルとの関係を表す情報

    解説

  • 59

    <title> </title>

    補足(例文と訳など)

    答え

    • ブラウザにページのタイトルを伝え、検索エンジンのページタイトルにもなります。

    解説

  • 60

    <p> </p>

    補足(例文と訳など)

    答え

    • 段落を表す。囲んだエリアはひとつの段落として認識されます。

    解説

  • 61

    <output> </output>

    補足(例文と訳など)

    答え

    • <form>内で行われる計算の結果を表します。

    解説

  • 62

    <cite> </cite>

    補足(例文と訳など)

    答え

    • 引用した作品名。<q>と使い方が似ていますが、こちらは引用した作品のタイトルに使います。

    解説

  • 63

    <select> </select>

    補足(例文と訳など)

    答え

    • セレクトメニュー。<select>は、<option>とセットで使います。プルダウン方式と、マルチプル方式の2種類です。

    解説

  • 64

    <mark> </mark>

    補足(例文と訳など)

    答え

    • 強調表示(ハイライト)。Chromeなどのサポートされているブラウザでは、デフォルトでハイライトで表示されます。

    解説

  • 65

    <b> </b>

    補足(例文と訳など)

    答え

    • ふと文字にする。

    解説

  • 66

    <small> </small>

    補足(例文と訳など)

    答え

    • 小さな文字で表示するとき。

    解説

  • 67

    <dfn> </dfn>

    補足(例文と訳など)

    答え

    • 定義語を表すタグ。(例)<dfn title="Information Technology">IT</dfn>とは、…

    解説

  • 68

    <style> </style>

    補足(例文と訳など)

    答え

    • ページ内でCSSを利用する場合

    解説

  • 69

    <br> </br>

    補足(例文と訳など)

    答え

    • 改行する。

    解説

  • 70

    <body> </body>

    補足(例文と訳など)

    答え

    • 表示される許容部分をあらわすタグ

    解説

  • 71

    <section> </section>

    補足(例文と訳など)

    答え

    • ひとつの章、項を表す。

    解説

56751

セットの学習コンテンツ

公開初月で
60,000
ダウン
ロード!

無料アプリはこちら!

英単語をウェブサイト
からzuknowに簡単登録

覚えたい単語を選択するだけ!
簡単にzuknowに登録することが
できます

Get the free Chrome Extension

トップ