ゲスト ログインしていません

HTML・CSS用語まとめ

暗記

霞 2022年12月07日 カード65 いいね2

ビューア設定

[Enter]でカードをめくります。キーボードショートカット

HTML・CSS用語まとめ
  • 一番大切な見出しを作る
    <h1>
  • 二番目に大切な見出しを作る
    <h2>
  • 三番目に大切な見出しを作る
    <h3>
  • 段落を作る
    <p>
  • 改行する

  • 写真やイラストなどの画像を表示する
    <img>
  • 読み込む画像を指定する
    <img src = "画像">
  • 画像の横幅を指定する
    <img width ="横幅">
  • webサイトの看板を作る
    <header>
  • ナビゲーションの箱を作る
    <nav>
  • webサイトの内容ごとに区切る箱を作る
    <section>
  • サイトの終点に入れる箱を作る
    <footer>
  • 複数のHTMLタグをまとめたり、レイアウト用の箱を作る
    <div>
  • HTMLタグに目印をつける
    <div class ="クラス名">
  • 表を作る
    <table>
  • 表の「行」を作る
    <tr>
  • 表の「セル」を作る
    <td>
  • 表の「見出しとなるセル」を作る
    <th>
  • リストを作る
    <ul>
  • リストの項目を作る
    <li>
  • リンクを作る
    <a>
  • リンク先を決める属性
    <a href ="リンク先">
  • HTMLタグに名前を付ける
    <saction id ="ID名">
  • HTMLタグの先頭につく記号
    開始タグ
  • HTMLタグの終点につく記号
    終了タグ
  • HTMLで画像を表示する際に着けるタグ
    imgタグ
  • HTMLで画像を表示する際に着ける属性
    src属性
  • 文字の色を変える
    color
  • 文字の大きさを変える
    font-size
  • フォント・文字の種類を変える
    font-family
  • 文字をそろえる
    text-align
  • 線の種類を変える
    border-style
  • 線の種類(直線)
    solid
  • 線の種類(点線)
    dotted
  • 線の色を変える
    border-color
  • 線の太さを変える
    border-width
  • 角を丸める
    border-radius
  • 線の見た目(種類・色・太さ)をまとめて設定する
    border
  • 背景の色を変える
    background-color
  • 背景に写真を入れる
    background-image
  • 背景の繰り返しを決める
    background-repeat
  • 背景のサイズを決める
    background-size
  • 画像の位置を決める
    background-position
  • 横の長さを変える
    width
  • 高さを変える
    height
  • まとめて余白をつける(内側)
    padding
  • 上に余白をつける(内側)
    padding-top
  • 右に余白をつける(内側)
    padding-right
  • 左に余白をつける(内側)
    padding-left
  • 下に余白をつける(内側)
    padding-bottom
  • まとめて余白をつける(外側)
    margin
  • HTMLの目印を使って、CSSを指定する
    .クラス名
  • 回り込ませて横並びにする
    float
  • 回転させる(45度)
    tramsform:rorate(45deg)
  • 表のセルの隙間をなくす
    border-collapse:collapse
  • リストの点を取る
    list-style-type:none;
  • リンクの下の線を消す
    text-decoration:none;
  • リンクに触った時の見た目を指定する
    a:hover
  • リストなどを横に並べる
    display:inline-block;
  • CSSで見た目を変える部分を選ぶ部分のこと
    セレクタ
  • CSSでの見た目の替え方
    プロパティ
  • CSSでの画像表示
    div{background-image:url(画像の名前);}
  • カラーコード赤
    #ff0000
  • カラーコードオレンジ
    #ffa500
  • カラーコード茶色
    #a52a2a
  • テストする
よく頑張りました
暗記スタート