素人の備忘録)HTMLの基本事項について
HTMLを学び直しています。今まで本を買ってとりあえずその中に書いている通りのものを作っていたのですが、それで終わってしまうことが続いていたので、今回は自力で製作できることを目標にしました。学んでいる中でまとめたものを書いていきます。参考になることがあれば幸いです。
対象
・昔htmlをかじったけれど挫折した人。
・うっすら勉強し始めた人。
●最初の骨組み
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href=" css/style.css >
<title> </title>
</head>
<body>
～内容～
</body>
</html>
上記の記述をメモ帳でもテキストでも張り付ければとりあえずスタートできます。
● 行をつくる(h1〜h6)
<h1><h1/>
「h1」や「h2」は「heading」（見出し）タグと呼ばれています。見出しタグとは、HTMLにおいてページの重要なテーマや文章の構成を、読者や検索エンジンにわかりやすく伝えるために設定するタグです。
見出しタグは、読者はもちろんのこと、Googleなどの検索エンジンの利便性を高めるためにも欠かせません。
●段落を作る
<p></p>
<p>は段落要素 <p> 、テキストの段落を表します。 HTML の段落は画像やフォーム欄などの関連するコンテンツを構造的にまとめることができます。
●改行する。
<br>
brタグは文章を「改行する」ために用いられるのに対し、pタグは文章の「全体を段落で区切る」ものです。
●箇条書きにする。
<ul>
<li></li>
<li></li>
</ul>
番号なしリストです。
●箇条書きにする(番号あり)
<ol>
<li></li>
<li></li>
</ol>
番号ありリストです。
●写真を載せる
<img src="画像のある場所">
説明不要ですね。保存場所のフォルダーのパスを入れればよいだけです。
●ハイパーリンク
<a href="ハイパーリンク先/">〇〇〇〇</a>
指定の画面に移動することができます。target="_blank"をつけると別の新しいタブから開くことができます。ハイパーリンクはワンクリックで必要な場所に移動できるので便利です。
まずは骨組みをつくり、あとは修飾法を覚える。の二段構えです。
ひとつひとつ備忘録ノートのつもりで記録していっています。知識の整理として初歩の初歩ですが参考になればありがたいです。
この記事が気に入ったらサポートをしてみませんか？