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

広告

コメント