zuknow learn together

新しい教材を作成

HTML,CSS,JavaScript

カード 57枚 作成者: えんび (作成日: 2015/01/30)

  • 6段階の見出し

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

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

教材の説明:

HTMLで必須の要素を暗記する

公開範囲:

公開

カテゴリ:

言語:

  • カード表 : 日本語
  • カード裏 : 日本語
  • このエントリーをはてなブックマークに追加
  • 1

    6段階の見出し

    補足(例文と訳など)

    答え

    • h1〜h6

    解説

  • 2

    汎用的に使える要素

    補足(例文と訳など)

    答え

    • div,span

    解説

  • 3

    段落を表す要素

    補足(例文と訳など)

    答え

    • p

    解説

  • 4

    段落に区切りを入れる

    補足(例文と訳など)

    答え

    • hr

    解説

  • 5

    改行する

    補足(例文と訳など)

    答え

    • br

    解説

  • 6

    太文字にする

    補足(例文と訳など)

    答え

    • strong

    解説

  • 7

    改行やスペースをそのまま反映させたい時に使う要素

    補足(例文と訳など)

    答え

    • pre

    解説

  • 8

    順序なしのリスト

    補足(例文と訳など)

    答え

    • <ul> <li>〜</li>・・・</ul>

    解説

  • 9

    順序付きリスト

    補足(例文と訳など)

    答え

    • <ol> <li>〜</li>・・・</ol>

    解説

  • 10

    リンク

    補足(例文と訳など)

    答え

    • <a href="">〜</a>

    解説

  • 11

    リンク先を新しいウィンドウで開く

    補足(例文と訳など)

    答え

    • <a href="" target="_blank"> 〜</a>

    解説

  • 12

    リンク先を同じウィンドウで開く

    補足(例文と訳など)

    答え

    • <a href="" target="_self"> 〜</a>

    解説

  • 13

    ページ内の特定の場所にリンクする

    補足(例文と訳など)

    答え

    • <a href="id属性値">〜</a>

    解説

  • 14

    別ページの特定の場所にリンクする

    補足(例文と訳など)

    答え

    • <a href="ファイルパスとid属性値">〜</a>

    解説

  • 15

    閲覧環境ごとに読み込むCSSファイルを設定する

    補足(例文と訳など)

    答え

    • <link rel="stylesheet" href="各ファイルパス" media="○○">

    解説

  • 16

    画像を挿入する

    補足(例文と訳など)

    答え

    • <img src="ファイルパス">

    解説

  • 17

    画像内にリンクを挿入する

    補足(例文と訳など)

    答え

    • <img src="" usemap="#○○" <map name="○○"> <area shape="rect" coords="座標" href="">

    解説

  • 18

    ムービーを配置する

    補足(例文と訳など)

    答え

    • <video src="動画パス" autoplay controls poster ="代替画像のパス" width="" height=""></video>

    解説

  • 19

    テキスト入力フォーム

    補足(例文と訳など)

    答え

    • <input type="text" name="" value="" maxlength="">

    解説

  • 20

    パスワード入力フォーム

    補足(例文と訳など)

    答え

    • <input type="password" name="" value="" maxlength="">

    解説

  • 21

    チェックボックスやラジオボタンなどで、項目をまとめる

    補足(例文と訳など)

    答え

    • <fieldset> <legend>〜</legend> ・・・ </fieldset>

    解説

  • 22

    チェックボックス

    補足(例文と訳など)

    答え

    • <input type="checkbox" name=""value="サーバに送信する値" checked>

    解説

  • 23

    ラジオボタン

    補足(例文と訳など)

    答え

    • <input type="radio" name="" value="サーバに送信する値"checked>

    解説

  • 24

    ボタン

    補足(例文と訳など)

    答え

    • <input type="submit" name="" value="">

    解説

  • 25

    cssファイルを読み込む

    補足(例文と訳など)

    答え

    • <link rel="stylesheet" href=".css" type="text/css">

    解説

  • 26

    ヘッダにスタイルを記述する

    補足(例文と訳など)

    答え

    • <style>〜</style>

    解説

  • 27

    要素に直接スタイルを記述する

    補足(例文と訳など)

    答え

    • <○ style=" ">〜</○>

    解説

  • 28

    要素に定義済みのスタイルを記述する

    補足(例文と訳など)

    答え

    • <○ class="">〜</○>

    解説

  • 29

    文字の大きさ

    補足(例文と訳など)

    答え

    • font-size:○;

    解説

  • 30

    文字の色を指定する

    補足(例文と訳など)

    答え

    • color:○;

    解説

  • 31

    背景の色を指摘する

    補足(例文と訳など)

    答え

    • background-color:○;

    解説

  • 32

    ボーダーのスタイルを一括指定する

    補足(例文と訳など)

    答え

    • border:枠線の太さ 枠線の種類 色;

    解説

  • 33

    枠線の種類 実践、点線、二重線

    補足(例文と訳など)

    答え

    • solid,dotted,double

    解説

  • 34

    ボックスの幅と高さ

    補足(例文と訳など)

    答え

    • width:○; height:○;

    解説

  • 35

    ボックスの内側の余白を指定する

    補足(例文と訳など)

    答え

    • padding:○;

    解説

  • 36

    ボックスの外側の余白を指定する

    補足(例文と訳など)

    答え

    • margin:○;

    解説

  • 37

    ボックスの配置位置を指定する

    補足(例文と訳など)

    答え

    • 左上を(0,0)として、 top:○; left:○; right:○; bottom:○;

    解説

  • 38

    ボックスを左、右に寄せる

    補足(例文と訳など)

    答え

    • float:left; またはright

    解説

  • 39

    左寄せを解除する

    補足(例文と訳など)

    答え

    • clear:left; leftもrightも解除したいときはclear:both;

    解説

  • 40

    p要素の後に必ず「◎」をつけたいとき

    補足(例文と訳など)

    答え

    • p::after{ content : '◎' ;}

    解説

  • 41

    画面が320px以上のときはスタイルシートを適用したい時

    補足(例文と訳など)

    答え

    • @media ( min-width : 768px ){スタイルシートの内容}

    解説

  • 42

    マウスポインタが要素の範囲内に触れた時にスタイルシートを適用したい

    補足(例文と訳など)

    答え

    • ○ : hover{内容}

    解説

  • 43

    unkoクラスのp要素でのスタイルシートを作成したいとき

    補足(例文と訳など)

    答え

    • .unko p { 内容 }

    解説

  • 44

    枠線の角を30pxずつ落としたい

    補足(例文と訳など)

    答え

    • border : ○px solid red; border-radius : 30px ;

    解説

  • 45

    透明度を指定する

    補足(例文と訳など)

    答え

    • opacity(0以上1.0以下の数)

    解説

  • 46

    黒色で半透明にしたい時

    補足(例文と訳など)

    答え

    • background-color : rgba(0,0,0,0.5);

    解説

  • 47

    リンクの色を指定する

    補足(例文と訳など)

    答え

    • a:link{color:○○;} a:visited{color:○○;} a:hover{color:○○;}

    解説

  • 48

    id属性値から要素を取得する

    補足(例文と訳など)

    答え

    • document.getElementByld ('id属性値')

    解説

  • 49

    取得した要素のクラス属性値を変更する

    補足(例文と訳など)

    答え

    • 要素名.className='クラス名'

    解説

  • 50

    タグ名から要素を取得する

    補足(例文と訳など)

    答え

    • document.getElementsByTagName('タグ名')

    解説

  • 51

    取得した要素の集団から特定の要素を取り出す

    補足(例文と訳など)

    答え

    • 取得した要素の集合.item(インデックス番号)

    解説

  • 52

    クラス名を使って要素を取得する

    補足(例文と訳など)

    答え

    • document.getElementsBy ClassName('クラス名');

    解説

  • 53

    要素を生成する

    補足(例文と訳など)

    答え

    • document.createElement ('要素名')

    解説

  • 54

    生成した要素をHTMLの特定の要素に追加する

    補足(例文と訳など)

    答え

    • 追加先の要素.appendChild (追加する要素);

    解説

  • 55

    指定した要素を削除する

    補足(例文と訳など)

    答え

    • 親要素.removeChild(子要素);

    解説

  • 56

    指定した親要素の最後尾にある子要素を取得する

    補足(例文と訳など)

    答え

    • 親要素.lastChild

    解説

  • 57

    指定した要素のタグ名を文字列として取得する

    補足(例文と訳など)

    答え

    • 要素.nodeName

    解説

56802

セットの学習コンテンツ

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

無料アプリはこちら!

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

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

Get the free Chrome Extension

トップ