画像引用元: pakutaso
みなさんこんにちは!
実はずっと前からHPを自分で作ってみたいという気持ちがあって、なかなか行動に移せませんでしたが、今回思い切ってやってみようと思います。
webに関しての知識があるのかというと・・・ほぼないです・・・。
ゲームのコミュニティサイトなどで、HTML編集はやったことあるのですが、自分で最初からやるというのは本当に1からのスタートなんです。
なので、HTML・CSSってなに?くらいの状態です(^◇^;)
知識0の私に理解できることなのか。途中で挫折しないか。など不安もありますが、良い意味でブログに残していき、ちゃんと形に残る物なので諦めずにやってみようという気持ちで書き綴っていこうと思います!
今回HPの勉強ということでこれからお世話になるサイトを見つけましたのでここで紹介していきます。
《Progate》プロゲート
- 基礎から始まるので、知識が全く無い私のような初心者に親切なサービス。無料。
- 実際に入力する形式なので、覚えやすい。
- スライド形式なので分からないことあれば、すぐおさらいできる。
口コミ・評判を見ても良さそうな感じなので、このProgateで始めてみたいと思いそして簡単に登録できるので、早速作ってみました。
昨日はアカウントを作っただけで終わってしまいましたが、今日はなんとかProgate内のHTMLの基礎はなんとか終わりました。
ゲームのコミュニティサイトですこしだけやったくらいで、自分で全部書いてみるのは結構大変でした。
サイトでは、見出しやリンク貼り付けの作業は、アイコンをぽちっ!とすればできたので、やっぱり全然違うな~。
今回Progateでちょっとだけやってみましたが、案外楽しんでやっています。
前々から興味があったのと、なにかを勉強すること自体が久しぶりなので、それでかもしれませんね。
それではここからは今日やったことを忘れない為にも、書き残しておきます!
*************************************
HTMLとは
テキストに「タグ」という印をつけて、テキストの意味を表したファイルの事。
見出し
<h1>や</h1>(heading)
(例)
<h1>としのブログ</h1>
下線部はテキストで、この部分が見出しになる。
h1が一番大きく、h6が一番小さい見出しになる。
段落
<p>や</p>(paragraph)
箇条書き
<li>と<ul> </ul>。 <li>を使う時は、<ul></ul>で囲む。
(例)
<ul>
<li>はてなブログ</li>
<li>Twitter</li>
</ul>
リンクを作成
<a href="ここにURL"> と</a>
画像を作成
<img src="ここにURL"> 終了タグはいらない。
*************************************
ここまでが今日勉強した内容です。それにしても読みづらい・・・うーむ心配。
ちゃんと理解したかどうか分からないのにレベル4になってしまいました(^◇^;)
そして明日はCSSの基礎というのを勉強します。文字の色や大きさを決めるものみたいですね。
それでは今日はこの辺で☆