HTMLの基礎知識~その12~
2020年7月20日
ちわーっす!
元気にしてますか?
7月になってからまだまだ梅雨が明ける気配が全く…
花火シーズンに入りましたが、コロナの影響で再検討や中止の地域が出てきましたね…
COVID-19(コロナウイルス)に気を付けて生活してますか?
ストレスがたまったり、イライラとかしてませんか?
感染しないように気を付けてくださいね。
さてと、本題に入りましょう。
PC一台があれば、家でもWebページが作れます。
でも、カフェやFree Wi-Fiのある所にネット環境でつなぐのはリスクがありますので、なるべく避けたほうがいいでしょう。
HTMLの基礎知識を始めましょう。
(ここまでコピペ)
過去のおさらいはこちらのリンクを見てね。
- HTMLの基礎固めから!
- HTMLの基礎知識~その2~
- HTMLの基礎知識~その3~
- HTMLの基礎知識~その4~
- HTMLの基礎知識~その5~
- HTMLの基礎知識~その6~
- HTMLの基礎知識~その7~
- HTMLの基礎知識~その8~
- HTMLの基礎知識~その9~
- HTMLの基礎知識~お詫び~
- HTMLの基礎知識~その10~
- HTMLの基礎知識~その11~
HTMLのタグ抜けの追加
前回の投稿記事の内容に「HTMLの基礎知識~その10~」に文字エンコーディングを指定をしておきます。
<!DOCTYPE html><!-- HTML宣言 -->
<html lang="ja"><!-- 言語対応宣言 -->
<head>
<meta charset="UTF-8"><!-- 文字エンコードを指定 -->
<title>ホームページの基礎知識</title><!-- ここにタイトルを入れる -->
</head>
<body>
<h1>ホームページの基礎知識</h1><!-- 見出し -->
<p>ここに段落を書き込もう。</p><!-- 段落 -->
<h2>小見出し</h2><!-- 小見出し -->
<p>ここにテキストが表示されます。</p><!-- テキスト書き出し -->
<p><a href="/" title="リンク先のタイトル">ここにリンク先が書き出されます。</a><!-– リンク先 --></p>
</body>
</html>
追加したのは、エンコードを指定「UTF-8」に設定したものです。
<meta charset="UTF-8"><!-- 文字エンコードを指定 -->
ブラウザにはちゃんと表示されましたか?