今回は、HTMLにcssを導入する方法を学んだ。そのやり方を書いておく。
まず、土台となる文字やテーブルなどをHTMLで書き、そのあとで、画像や文字の色などをcssで決める。
そのやり方は、profile.htmlが入っているprofというフォルダーの中に、cssというフォルダーを作る。
VScodeを開き一番右下にSelect Language Modeを開いて、その中でcssを選び開く。そこでcssがかけるので、そこで文字の色や背景の色などのコードを書く。
書いたら、先ほどのprofile.htmlを開き、<body>内の一番下に
<link href="パスのリンク" rel="stylesheet" type="text/css" />
を張り付ける。パスのリンクでは必ず相対パスを使う。
今回の場合では、
css/himadesu.css
が相対パス。
初期段階では、このサイトはWynncraftの景色を掲載していくサイトのつもりだったが、景色とともにその歴史や背景を閲覧者とともに共有することで、読む関心を増やせると思う。