完全初心者向けHTMLタグ5選

エクセルについて
※このサイトはアフィリエイト広告(Amazonアソシエイト含む)を掲載しています。
スポンサーリンク

①改行タグ<br>

brとはBreak(改行)の略の事

htmlを使う上で絶対必要になってくる【改行】
ほぼタグを使わなくても良いような場合でもこちらは必須タグと言えます。
例えば

こちらを入力したい場合、普通に入力してしまうと以下のようになってしまいます。

そこで、改行を入れるために以下のように入力します。

<br>を入れることによって以下のように改行されました。

②フォントタグ<font>~</font>

フォントタグはフォントの色を変えたり、サイズを変えたりする場合に必要になります。
例えば文字のサイズを変更したい時
<font size=”1″>文字のサイズ1</font>
<font size=”2″>文字のサイズ2</font>
<font size=”3″>文字のサイズ3</font>
<font size=”4″>文字のサイズ4</font>

このようにサイズを指定してあげることにより文字のサイズを変更することができる。
また、色を変更したい場合は

<font color=”#ff0000″>文字の色は赤</font>
というようにカラーコードを指定してあげると変更できる。

また、よく使うカラーコードは
赤 #ff0000
ネイビー #000080
白 #ffffff
黒 #000000

この4色が多い。

③段落タグ<p>~</p>

段落のタグは文章を書く上ではとても必要になるタグである。
文章の塊を作ると思っていただけたら良いと思う。

④画像タグ<img src=””>

ページに画像を入れ込むタグ
<img src=”この中に画像のURLを貼る”>
こちらのタグを使うには使う画像をサーバーにアップロードする必要がある。
アップロードした後に作成される画像のURLを上記の【URLを貼る】の場所に張り付けるだけでホームページ上に画像が表示される。

⑤リンクタグ<a href=””></a>

<a>タグはアンカー(Anchor)の略
リンクタグはリンクを飛ばすときに必要なタグです。
<a href=”こちらに飛ばし先のURLを入れる”>ここに文字を入れる</a>
これだけでリンクを飛ばすことができます。
また、こちらで合わせて覚えておきたいのがリンクを付けたときにできる青色の下線を消すタグです。

<a href=”” border=”0″></a>
上記のようにborder=”0″こちらを入れ込む事で青色の下線を消すことができます。

まとめ


近年はネット社会になって、10年前よりオンラインストアもだいぶ数が増えてきました。
私もオンラインストア運営にかかわり10年以上が経ち、システムの移り変わりや機能のバージョンUPでとてもサイト運営が楽になったなぁと感じます。

私も高校生時代にホームページビルダーやなんやでサイトを作っては仲間内で趣味のサイトで毎日遊んでいた時代がありました。
そのころに比べ、htmlの必要性は少なくなってきましたが、それでもやはり、色んな事をしたいと思ったら最低限のタグは必要です。
また、ホームページは基本的に日常生活で無縁だ…!と思っている方も上記のタグを知ってるか知らないかで仕事の幅がかなり変わってくると思います。
というのも、最近は簡単な入力作業等を外注に発注したりする会社も多数見かけます。
普段は全くホームページなど関係ない…という方でも派遣やアルバイト、クラウドワークスでのお小遣い稼ぎ等でいつ何時必要になるかもわからない。そんな時代です。

タイトルとURLをコピーしました