HTMLの勉強|Webサイト作りの基礎

初心者向けの向けのHTMLの勉強の仕方を綴っていきます。かくいう私もWebサイト作りの初心者です笑

HTMLのマークアップについての勉強

今回は、HTMLのマークアップについて勉強していきましょう。

下記のように、HTMLを入力してみましょう!

 

<htmllang="ja">
<head>
<metacharset="UTF-8">
<metaname="description"content="キーワードから始まる文節を3行">
<title>キーワード カテゴリ|キーワードを含むページタイトル</title>
</head>
<body>
<h1>優先順位の高い見出し</h1>
<p>本文</p>
<ul>
<li><ahref="#">番号なし個条書き</a></li>
<li><ahref="#">番号なし個条書き</a></li>
<li><ahref="#">番号なし個条書き</a></li>
</ul>
<dl>
<dt>語句(日付)</dt>
<dd>語句説明</dd>
</dl>
<tableborder="1"width="300">
<tr>
<td>0</td><td>1</td><td>2</td>
</tr>
<tr>
<td>3</td><td>4</td><td>5</td>
</tr>
<tr>
<td>6</td><td>7</td><td>8</td>
</tr>
</table>
</body>
</html>

 

meta

<metaname="keywords"content="">

現在はkeywordsは読み込まないので必要ない。
もし、入れるとしたら3つでOK!
(※10コ20コ入れても意味が無い)
googleが読み込まないと言ってる⇒だから書かなくてOK!

title要素

<title>キーワード カテゴリ(5W1H)|キーワードの5W1H</title>

-使用しては駄目なもの-
★等の記号、全角スペース
(本文に「★や全角スペース」を探しに行ってしまうので…。)

body要素

  1. 見出し
  2. 段落
  3. 個条書き