linusの技術ブログのような何か

学生です プログラム(一応は)勉強中です  

アドベントカレンダー  HTMLで自分な好きなものを語る

 

 

ってことで今回は

 

www.adventar.org

上のアドベントカレンダー二回目、12/15日分を書きたいと思います。

 

 

内容としては前回みたいと同じようもので、HTMLを使って私の好きな漫画家さんを宣教するとっていうやつです。 

 

 

先に今回htmlを利用するにあたって利用したサイトを先に載せておきます。

 

 

まず1つはタグを調べるのに使ったサイトが2つ

hmaster.net

 

HTMLタグ一覧

 

あとは色コードを調べるサイト

www.netyasun.com

 

です。

 

 

ってことで宣教ブログの作成します。  

まずは見出しにつかに使ったタグはです。hn .strong . big . font .color

上から紹介すると

hnは見出しの文章に使うもので

strongは強調です。

f:id:untilis:20161214105446p:plain

f:id:untilis:20161214105453p:plain

こんな感じに

 

bigは文字通りにbigにするやつで

こんな感じ

 

f:id:untilis:20161214105823p:plain

f:id:untilis:20161214105836p:plain

 

そんで bigとstrongを使うと

f:id:untilis:20161214105934p:plain

f:id:untilis:20161214105945p:plain

こんな感じ

 

あとfont colorは色をつけるタグっすね

 

これらを利用して、見出しをつけると....

 

 

こんな感じになります。

f:id:untilis:20161214110208p:plain

中身はこんな感じ↓

f:id:untilis:20161214110158p:plain

(色を変えるコードがなんか違っていますが、多分はてなブログの方で勝手に変えられちゃってる)

 

次にリストを使って紹介したいと思います。

今回使うのは数字が付いていないリストで書き方としては

 

<ul>

<li></li>

<li></li>

</ul>

って感じでliの間に言葉を入れる感じです。

これを利用して

 

こんな感じにします。

f:id:untilis:20161214112152p:plain

 

そんで表示させられるのがこんな感じ

f:id:untilis:20161214112239p:plain

 

あとは文章の途中を改行したいなーって思ったら<br>使ったりしました。

 

こんな感じに

f:id:untilis:20161214113901p:plain

f:id:untilis:20161214113913p:plain

これから さくらのあとにbr入れると

 

 

f:id:untilis:20161214113916p:plain

f:id:untilis:20161214113919p:plain

 

 こういう風になります。

あとにフォントサイズとハイパーリンクを使ってのブログは終わらせようと思います。

 

f:id:untilis:20161215090325p:plain

 

f:id:untilis:20161215090333p:plain

 

こんな感じに

最終的にはこうなりました

 

 

f:id:untilis:20161215090734p:plain

 

どうやって表示されてるかは直接ブログ見てね⬇️

 

 

untilis.hateblo.jp

 

 今回のまとめと感想

 

 

 正直マークダウンの方が楽のような気がしてならない.......

正直今なんでこんな面倒なことをやったんだろって自問自答なう....