webサイトに掲載したい画像（写真やイラスト）を設置してみましょう
htmlで画像を設置する方法をご紹介。画像を用いる事でユーザーのイメージを伝えやすくなりますし、画像１つあるかないかでページのアクセス数が変わる程、イメージは大切なものになっています。
webサイトのベースになる形（レイアウトデザイン）をコーディングしてみましょう
webサイトの基本的な形を幅や真ん中寄せなどHTMLとCSSでコーディングしていきましょう！
CSSで設定する色の指定方法「RGB」と「HSL」をご紹介
cssで色を設定するにはRGBかHSLもしくはcss3.0から導入された「current Color」で指定する必要があります。設定方法と一緒にご紹介。
プラグイン「Crayon Syntax Highlighter」のHTML文字化け表示を解消する方法
Wordpressのプラグイン「Crayon Syntax Highlighter」を設置すると「＜」の部分が「＆ｌｔ；」になってしまいます。文字化けを設定画面から解消しましょう。
疑似クラス「:focus」を使ってフォームの入力欄をフォーカスしてみよう
疑似クラス「:focus」を使ってフォーカスされたフォーム入力欄の見た目を変化させてみましょう！
CSSの疑似クラスを使ってテキストリンクに色々と装飾してみましょう
CSSの疑似クラスを使ってマウスオーバーやアクティブ時に見え方を変えてみましょう。
リンクの_blankを使う時に同時設定する「rel=”noopener”」ってなに？
_blankに「rel=”noopener”」が付いているソースを見かける様になりましたが、これはセキュリティの為に必要なタグとなります。
aタグ（ハイパーリンク）を指定してリンクを貼りましょう
＜a＞タグはハイパーリンクを指定する際に使用するタグです。今回は別のページへリンクを貼る方法をご紹介致します。
divを使ってブロック要素にしてグループ化しましょう！
divで囲む事によってブロック要素にする事ができます。囲った部分はグループ化され、divにCSSを設定する事でグループに一斉に指定する事ができます。
css記述方法その3！外部に置いたファイルから読み込む「外部css」
cssを使用する場合はほぼこの外部ファイルの読み込みになります。読み込んでいる全ページに対して使用できますので管理も随分違います。使用する際は外部ファイルで製作する事をオススメします。
