#はじめに
これは文系ボードゲーマーである私がプログラミングを勉強したことをアウトプットする日記のようなもの。
今回はHTMLのコードの名称と使い方まとめ
#HTML
-
タグ:テキストを囲んで属性をつける
開始タグ:> 終了タグ:?> -
見出しと段落：見出しはh１〜h６まであって、h６が一番小さい
見出し：< h1 >< /h1 >
段落：< p >< /p > -
コメント：囲んだテキストにコメントが書ける。ブラウザには表示されないのでメモとして使える。
コメント： -
リンク：テキストを囲むとリンクを作れる。
リンク：< a > < /a >
飛び先指定：< href >
完成形：< a href="url" > -
画像：画像を挿入
画像：< img >テキストは囲まないので終了タグはなし
画像の属性：< src >
完成形：< img src="url" > -
リスト：テキストを箇条書きにできる
リスト：< li >囲む要素によって種類が変わる
黒点：< ul >
< li > インデントをつけるとわかりやすい
< /li >
< /ul>
数字連番：< ol >
< li >
< /li>
< /ol >
- HTML全体構造：html,head,body
HTML:< html >< /html >
head:< head >< /head >ページに関する
情報
body:< body >< /body >実際に表示したい内容
- 文字コード：文字化けを防ぐ
charset:< meta charset="utf-8" >文字コードをUTF-8に指定
-
タイトル：ブラウザのタブに表示される
タイトル：< title >< /title > -
CSSを読み込む
CSS：< link rel="stylesheet" > -
レイアウト：要素をグループ化
レイアウト：< div >< /div >
ヘッダー：< div class="header" >< /div >
メイン：< div class="main" >< /div >
フッター：< div class="footer" >< /div > -
送信ボタン
ボタン:< input type="submit" >
#おわりに
HTMLの基本的なコードをまとめた。
これに更にCSSの知識を追加してHTMLとCSSを使えるようにする。