zuknow learn together

新しい教材を作成

html タグ 基礎

カード 41枚 作成者: Fda Npo (作成日: 2014/11/07)

  • <html>~~~</html>

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

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

教材の説明:

ごく基礎的なhtmlのタグの暗記帳です。

公開範囲:

公開

カテゴリ:

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

    <html>~~~</html>

    補足(例文と訳など)

    答え

    • このタグは、「これはHTML文章ですよ」と宣言しているタグです。

    解説

  • 2

    <head>~~~</head>

    補足(例文と訳など)

    答え

    • このタグの中に基本的なページの情報を書いていきます。(後で詳しく説明)

    解説

  • 3

    <title>~~~</title>

    補足(例文と訳など)

    答え

    • このタグは、ページのタイトルを指定します。(後で詳しく説明)

    解説

  • 4

    <body>~~~</body>

    補足(例文と訳など)

    答え

    • 実際にブラウザの中に表示させる内容をこの中に書きます。

    解説

  • 5

    <basefont size="大きさ">

    補足(例文と訳など)

    答え

    • basefont要素の size属性 でページの文字サイズを指定することができます。属性値は1~7までの半角数字で指定します。1が最も小さいサイズで、7が最も大きいサイズです。body要素の中に書きます。

    解説

  • 6

    <body bgcolor="色名">

    補足(例文と訳など)

    答え

    • body要素の bgcolor属性 でページの背景色を指定することができます。属性値は色名や16進数カラーコードを指定することができます。

    解説

  • 7

    <body background="URL">

    補足(例文と訳など)

    答え

    • body要素の background属性 でページの背景に画像指定することができます。URLには画像ファイルへのパスを指定します。絶対パス・相対パスのどちらで指定してもかまいません。

    解説

  • 8

    <body background="URL" bgcolor="色名">

    補足(例文と訳など)

    答え

    • body要素の bgcolor属性 でページの背景色を指定することができます。属性値は色名や16進数カラーコードを指定することができます。

    解説

  • 9

    <!-- コメント文 -->

    補足(例文と訳など)

    答え

    •  <!-- と --> で囲んだ部分はコメントとして扱われます。コメント文はブラウザに表示されませんし、ソースのどこに書いてもOKです。コメント文を複数行にすることもできます。

    解説

  • 10

    <font color="red">

    補足(例文と訳など)

    答え

    • ここの部分</font>の文字色が変わります。

    解説

  • 11

    <font size="7">

    補足(例文と訳など)

    答え

    • ここの部分</font>は大きくなります。

    解説

  • 12

    あいうえお<br>かきくけこさしすせそ

    補足(例文と訳など)

    答え

    • br要素を使うと文章を改行することができます。br要素には終了タグがありません。改行したいところに書いてください。

    解説

  • 13

    <h1>ここは最も大きい見出し</h1>

    補足(例文と訳など)

    答え

    • h1~h6要素を使うと文字に見出しを付けることができます。h1要素が最も大きい見出しで、h6要素が最も小さい見出しです。

    解説

  • 14

    <h6>ここは最も小さい見出し</h6>

    補足(例文と訳など)

    答え

    • h1~h6要素を使うと文字に見出しを付けることができます。h1要素が最も大きい見出しで、h6要素が最も小さい見出しです。

    解説

  • 15

    <b>ここは太字になります</b><br>

    補足(例文と訳など)

    答え

    • ここは太字になります

    解説

  • 16

    <i>ここは斜体になります</i><br>

    補足(例文と訳など)

    答え

    • ここは斜体になります

    解説

  • 17

    <u>ここは下線になります</u><br>

    補足(例文と訳など)

    答え

    • ここは下線になります

    解説

  • 18

    <s>ここは取り消し線になります</s><br>

    補足(例文と訳など)

    答え

    • ここは取り消し線になります

    解説

  • 19

    ここは<sup>上付き文字になります</sup><br>

    補足(例文と訳など)

    答え

    • ここは上付き文字になります

    解説

  • 20

    ここは<sub>下付き文字になります</sub>

    補足(例文と訳など)

    答え

    • ここは下付き文字になります

    解説

  • 21

    <font face="MS P明朝">ここは明朝体</font>に指定されています。<br>

    補足(例文と訳など)

    答え

    • ここは明朝体に指定されています。

    解説

  • 22

    <font face="MS Pゴシック">ゴシック体</font>に指定されています。<br>

    補足(例文と訳など)

    答え

    • ゴシック体に指定されています。

    解説

  • 23

    <font face="MS ゴシック,HGS行書体">複数のフォント</font>を指定しています。

    補足(例文と訳など)

    答え

    • 複数のフォントを指定しています。

    解説

  • 24

    <p>ここは一つの段落になります。</p>

    補足(例文と訳など)

    答え

    • ここは一つの段落になります。

    解説

  • 25

    <hr>↑これは普通の線(何も指定なし)です。

    補足(例文と訳など)

    答え

    • ↑これは普通の線(何も指定なし)です。

    解説

  • 26

    <hr width="450">↑width属性を450にしています。

    補足(例文と訳など)

    答え

    • ↑width属性を450にしています。

    解説

  • 27

    <hr width="50%">↑width属性を50%にしています。

    補足(例文と訳など)

    答え

    • ↑width属性を50%にしています。

    解説

  • 28

    <hr size="20">↑size属性を20にしています。

    補足(例文と訳など)

    答え

    • ↑size属性を20にしています。

    解説

  • 29

    <hr align="left" width="50%">↑arign属性をleftにしています

    補足(例文と訳など)

    答え

    • ↑arign属性をleftにしています。

    解説

  • 30

    <hr noshade>↑noshade属性にしています。

    補足(例文と訳など)

    答え

    • ↑noshade属性にしています。

    解説

  • 31

    <center>ここは中央寄せにしてあります。</center><br>

    補足(例文と訳など)

    答え

    • ここは中央寄せにしてあります。

    解説

  • 32

    <p align="right">p要素でalign属性をrightにしています。</p>

    補足(例文と訳など)

    答え

    • p要素でalign属性をrightにしています。

    解説

  • 33

    <h4 align="center">h4要素でalign属性をcenterにしています。</h4>

    補足(例文と訳など)

    答え

    • h4要素でalign属性をcenterにしています。

    解説

  • 34

    <div align="left">div要素でalign属性をleftにしています。</div>

    補足(例文と訳など)

    答え

    • div要素でalign属性をleftにしています。

    解説

  • 35

    <a href="../index.html">

    補足(例文と訳など)

    答え

    • 1つ上のindex.htmlファイルにリンクしています。

    解説

  • 36

    <a href="http://www.yahoo.co.jp/">

    補足(例文と訳など)

    答え

    • YahooJAPANさんにリンクしています。

    解説

  • 37

    <a name="test">name属性を指定してます</a>

    補足(例文と訳など)

    答え

    • name属性を指定してます

    解説

  • 38

    <a href="../index.html" target="_blank">新しいウインドウでリンクします</a>

    補足(例文と訳など)

    答え

    • 新しいウィンドウにリンクします

    解説

  • 39

    <a href="mailto:abcdefg@hijklmn.com">メールを送ります</a>

    補足(例文と訳など)

    答え

    • メールを送ります

    解説

  • 40

    <img src="../img/sample.gif">

    補足(例文と訳など)

    答え

    • img要素の src属性 で画像のurlを指定すると、ページに画像を表示することができます。このimg要素には終了タグがありません。

    解説

  • 41

    <img src="../image/sample.gif" width="200" height="40">

    補足(例文と訳など)

    答え

    • width属性は、画像の長さ(横の長さ)を、height属性は画像の縦の長さを指定します。

    解説

56908

セットの学習コンテンツ

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

無料アプリはこちら!

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

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

Get the free Chrome Extension

トップ