fbpx

【初心者・これだけでOK】HTML・CSSとは?

ウェブサイト制作

ワードプレスは簡単と言えど、自分好みのカスタマイズをしたい場合にHTMLとCSSの知識は必要となってきます。

ここでは、最低限これだけ知っておけば問題ないHTMLとCSSの基本を説明したいと思います。

HTMLの基本はこれだけでOK!

HTMLとは?

ページの構造を指定する為の言語の事です。
というと難しいと思いますので、図で説明するとこんな感じです。

htmlとは

HTMLのタグは、<p>〜</p>のように開きタグと閉じタグで囲まれています。
閉じタグは、</p>のようにスラッシュが先頭に入ります。

この図の場合は、「こんにちは」を<p>〜</p>で囲んでいて、これはテキストだよと指定しています。

<p>〜</p>は、テキストを指定するタグなんですよ。

以上が、HTMLの基本になります。

それでは、続いてCSSの基本について説明していきますね。

CSSの基本はこれだけでOK!

CSSとは?

CSSはHTMLで作った要素を装飾する言語の事です。
こちらも図で説明しますね。

CSSの基本

CSSの記述方法は下記のように型が決まっています。

要素名 {
プロパティ名:値;
}

この図の場合は、「こんにちは」を囲んでいる<p>タグの要素をピンクにと指定しています。

p {
color:pink;
}

他にも色々な装飾や動きをつける事も可能なので、CSSを知っていくと、とても楽しいです。

CSSの注意点

下へ記述したものが優先される。

例えば、下記のように<p>タグに指定した2つのコードがあるとします。

p {
color:pink;
}p {
color:red;
}

この場合、下のcolor:red;(テキストを赤にする)方が優先させることになります。
もし、指定したCSSがうまく反映されないという時は、CSSの重複を確かめてみてくださいね。

以上がCSSの基本になります。

コメント

タイトルとURLをコピーしました