HTML、CSS、タグの簡単な説明

HTML、CSS、タグに付いての初心者でもわかるように簡単な説明をします。本来の意味とは違ってる箇所があるかもしれませんが、だいたいでいいので、こんな感じだと思っていてください。

HTML、CSS、タグとは？

HTMLは、文章の構造を作ります。

CSSは、文章をデザインします。

タグはそれらの文字列のことを言います。

ブログでは、HTMLとCSSをあわせたタグを用いて、きれいな記事をしています。

タグを見るには、ビジュアルエディタではなくてテキストエディタにします。

HTMLタグは、プログラミング言語で、基本的には開始タグ（＜＞）と終了タグ（＜＞）に囲まれています。

ブログ記事で使われるのは、

ビジュアルエディタで記事を書いているときに、見出しとか箇条書き、強調のアイコンを選べば、そのままこのHTMLをつけてくれます。

なので、それほど気にすることはないです。

CSSは文字装飾に使われます。

文字の色、フォント、大きさ、背景などです。

赤い文字の「#ff0000」は色コードと呼ばれるもので、ここを変えることでいろいろな色で表示することができます。

色コードはこちらから確認できます。⇒　原色大辞典

よく使われる色コードとしては、

黒は「#000000」ですが、色が強すぎてあまり良くないです。このサイトもそうですがちょっとグレーがかった黒色にしておいたほうがよみやすいです。

背景も、白「#ffffff」よりも、ちょっとグレーがかった「#fbfaf8」が良いです。

リンク色も青「#0000ee」よりも、#1a0dab（グーグル）のほうが良いです。

サイト全体の文字色、背景色、リンク色は、cocoon設定＞全体＞サイトキーテキスト、サイト背景色、サイトリンク色で変更することができます。

コレはあまり変える必要はないです。

デフォルトの「ヒラギノ角ゴ、メイリオ」のままで十分です。

通常のフォントサイズは16pxです。

サイト全体のフォントサイズは、

cocoon設定＞全体＞サイトフォント

で設定できます。16pxか18pxを推奨します

文字の背景色です。マーカーのようなものも設定できます。

cocoonでは、ビジュアルエディタの中の、「書式」から設定できます。いろいろできますので、試してみてください。

基本的には、ビジュアルエディタのメニューバーに出ているアイコンで、ほとんどの文字装飾ができますので、憶えておく必要はあまりないです。

ただし、ちょっと変えたい、ちょっとおしゃれにしたいと思われたら、HTMLとCSSをいじくってみるのがおすすめです。

もしも、こんな事がしたいと言うのがありましたら、個別に連絡ください。

Posted by tosi

まだ、コメントがありません