おにとしぶの日記

色々書きます

普通の日記です。主にしぶ、おにがかいています。たまによねが書きます。

【html】ブログなどに使えるコード一覧

こんにちは、しぶです。

今日は、ブログ、サイトを作るときに使える、便利なhtmlコードを書いていきます。

基本のコード

まずは多分大体の人が知っている、基本的なコードを書いていきます。

見出し系

見出しは、<h○></h○>で表します。

<h○>と</h○>の間に見出しを書きます。

○の数字を変えることによって、見出しの大きさを変えることができます。

大きさは、h1が一番大きく、それから数字が大きくなるごとにどんどん見出しが小さくなっていきます。

コード

 

h1で書いた場合

大きさにも様々な種類があります

h2で書いた場合

このブログのみだしは、h3の大きさで書いています

h3で書いた場合

種類はありますが、使い分ければ見やすいブログが出来上がります

h4で書いた場合

これは例文です

h4は、小見出しなどに使えます

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

普通の大きさの字

これらの文のように、普通の大きさの字は、<p></p>で表します。

なぜかこれは大きさの調節ができません。

あとは見出しと同じように、<p>と</p>の間に文を入れるだけです。

これは例文です

コード

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

太字はどうやって書くのか

その単語、文を強調したいときに使う太字は、

<p>と</p>の間に<storong></storong>をいれ、その中に、強調したい単語を入れます。

あああああああああああああああああああ

コード

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

アンダーライン(文字の下に書いてある線)

上のような、文字の下に線が書いてあることがあります。

この線を、アンダーラインと言います。

このコードは、太字と同じく、

<p>と</p>の間に<span></span>をいれ、その中に、強調したい単語を入れます。

このブログでは、小見出しに、アンダーラインを入れています

コード

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

まとめ

結構要約して記事を書いたつもりなので、まとめみたいなことは書きません。

でも、最近は、こういうコードの知識がなくても、ブログ、ページが作れるようになってきました。

でも、コードで書くっていうのは、ちょっといつもと違った感じがして楽しいです。

では、さようなら。