-
一番大切な見出しを作る<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
ログイン
オンライン単語帳
このページを利用するにはログインする必要があります。ログインするとAnkilotをより便利にご利用いただけます。