はじめに

未来電子テクノロジーでインターンをしているMaomao Maoです。

プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。

今回は、HTML編での学びをまとめようと思います。

HTMLについて

HTMLでは、テキストにタグをつけていくことになります。
タグで囲むことにより、文字が見出しやリンクと言った意味を持つことになります。

・見出し
見出しには、headingのhを使います。
数字によって文字の大きさが変わってきますので、重要性に応じて使い分けることができます。
・段落
段落には、paragraphのpを使います。
・コメント
テキストをプラウザに表示せずに、メモしたい時は--を使います。

見出し大
<h1>見出しテキスト</h1>
見出し小
<h2>見出しテキスト</h2>
段落
<p>基礎編ではHTMLのタグについて学びます</p>
コメント
<!--メモする内容-->

・リンクを作成する
リンクを作成するには、aを使います。
飛び先を指定する場合には、hrefを追加します。

リンク
<a>実際にプラウザに表紙されるテキスト</a>
<a href="リンクの飛び先">プラウザに表示されるテキスト</a>

・画像を表示する
画像を表示するには、imgを使います。
この時、終了タグは不要です。

画像
<img src="画像のURL">

・リストを作成する
リストを作成するには、liを使います。
ulで囲むと、黒い丸
olで囲むと、数字になります。

黒い丸のリスト
<ul>
 <li>テキスト</li>
 <li>テキスト</li>
</ul>

数字のリスト
<o/>
 <li>テキスト<li>
 <li>テキスト<li>
</ol>