流れに身を任せて流れたら。。。。。。

日々、気になったことを思うがままに気ままに書き綴っています

HTMLを使って、プロフィール欄に文字表示出来た(^^♪

 

『ブログをカスタマイズしてみたい』と思っても、

HTMLとかなんとか、

プログラムのコードという物がよく分かりません。

 

 

『HTML 超入門』というものを見つけました。

 

 

まず、文字表示をしてみよう!

 

 

ということで、

 『 <b> こんにちは</b> 』を入力してみようとあったので、

 

 

『メニュー > 基本設定 > aboutページ > aboutページ編集』にある

(HTML編集)に『 <b> Buenas tardes</b> 』を書くと、

(今、スペイン語の勉強中なので、

 スペイン語の『こんにちは(Buenas tardes)』にしてみました)

 

 

すると、

こんな風に表示されました!

 

f:id:corento:20180305000530p:plain

 

 

やった!

成功です!!!!!!

 

初プログラム、、、

嬉しい。。。(´;ω;`)ウッ…

 

 

HTMLソースは、『タグ』と呼ばれる符号を使って記述するそうです。

 

 

今回使用した、

<b> ........</b> 』は、

『 bold (太字)』の『 b』で、

 

<b> 』これが、開始タグとなり、

『.</b> 』これが終了タグとなるため、

 

『Buenas tardes 』が、太字で表示されているそうです。

 

 

じゃあ、普通の文字は?????

 

今見ている物に、

『普通の文字表示のためのコード』がないので(;'∀')

見つけたら試してみようと思います(^-^;

 

焦らない焦らない。。。

 

 

 

あ!!!

はてなブログに『HTML編集』ってありますね!

 

ちょっと見てみると、

普段書いている文字が

<p> ........</p>』で囲われています。

 

 

これって、もしかしてもしかすると。。。。と思い、

 『<p> Buenas tardes</p>』と書いて保存すると、、、

 

 

f:id:corento:20180305001541p:plain

 

これまたやりました(^^♪

通常の文字で表示出来ました♪♪♪

 

う、、、、、嬉しい(´;ω;`)ウッ…

 

 

絶対にプログラムなんて難しい物は

私には一生無理と思っていたので、

ホントに嬉しいです(´;ω;`)ウゥゥ

 

 

そして、

<p></p>』と、文字なしの物は、

(改行)をする時に使うコードになるようです。

 

 

そして、さらに『文字の色、大きさ』も指定できるようです。

 

 

■文字の色を指定するHTML

 

<font color="blue"> Buenas tardes</font>

 

 

すると、

 

f:id:corento:20180305002305p:plain

 

無事に、青色で表示出来ました(^^♪

 

 

 

 

 

 

■文字の大きさを指定するHTML

 

 

<font size="5"> Buenas tardes</font size>

 

 

すると、

 

f:id:corento:20180305002738p:plain

 

こんな感じで、

大きく表示出来ました(*^-^*)

 

 

 では、

■『文字サイズと文字の色を指定するには。。。』

 

<font size="5" color="blus">Buenas tardes</font>

 

 

すると、

 

f:id:corento:20180305003234p:plain

 

 

こちらも無事に表示出来ました♪

 -----------------------------------------------------------------------------

 

 ■文字色指定のコード

 

 

www.netyasun.com

 

 

『 <font color="blue"> Buenas tardes</font> 』

 

今回は、上記のように『blue』と色の指定をしましたが、

『白は(FFFFFF)』等、各色にコードがあるようです。

 

そこで、ちょっと試してみました。

 

 

『<font size="8" color="00FF00">Buenas tardes</font>』

 

すると、

このように表示出来ました♪

 

f:id:corento:20180305004447p:plain

 

 

『HTMLなんて難しくて分からない』と思い、

一切何もしたことがなかったのですが、

こうやって実際に出来ると、

なんだか楽しくなってきました(*^-^*)

 

単純すぎますね。。。(;'∀')

 

 

好きなイラストや背景色にしたいなと思っているので、

少しづつHTMLを覚えて、

少しづつ、自分の好みのブログにカスタマイズしていこうと思います(*^-^*)

 

 

-----------------------------------------------------------------------------

 

<b>......</b>は、太文字

 

<p>......</p>は、通常の文字

 

<font color="指定したい色">.....</font>は、

文字色の指定

 

<font size="指定したい文字の大きさの数字">......../font size>

は、文字の大きさの指定

 

 
<p></p>は、改行