カテゴリ html

edit

公開 2023-03-25

refresh

更新 2023-03-25

当サイトはアフィリエイト広告を使用しています

【HTML入門】WEB制作への第一歩

本ブログで紹介するHTMLの入門記事一覧です

HTML文書の書き方
<body>内に入れる要素について
<body>内に入れる要素について <form>編
<head>内に入れる要素について
タグ入力を楽にするemmetについて

web制作をやりたい！PC使った副業で稼ぎたい！

と思い立ったはいいものの、HTML、CSS、JavaScript...と覚えていくことはたくさんあります。

またそれらの基礎的な知識を得ても、実務として通用するのか？という不安もあるでしょう。

そんな方へ私が独学でwebサイトのコーディング案件獲得できるまでに必要、重要と思ったノウハウを記事にしていきます。

先ずはHTMLの基礎的な知識を何回かに分けて記事にしています。

HTML文書の書き方

【HTML入門】HTMLの書き方と基本ルールについて | KATSU LOG

HTMLの書き方や文法等の基礎について紹介します

https://katsu-dev.netlify.app/blog/web/html-basic

【HTML入門】HTMLの書き方と基本ルールについて | KATSU LOG-image

<body>内に入れる要素について

【HTML入門】HTMLの代表的な要素一覧と使い方 | KATSU LOG

内に入る代表的なHTML要素にとその基本的な使用方法ついて紹介しています

https://katsu-dev.netlify.app/blog/web/html-element

【HTML入門】HTMLの代表的な要素一覧と使い方 | KATSU LOG-image

<body>内に入れる要素について <form>編

【HTML入門】HTML入力フォームの作り方 | KATSU LOG

お問合せページ等でよく見る、フォームの作り方について紹介します

https://katsu-dev.netlify.app/blog/web/html-form

【HTML入門】HTML入力フォームの作り方 | KATSU LOG-image

<head>内に入れる要素について

【HTML入門】head要素の書き方とその意味合いについて | KATSU LOG

ちょっと難しい？内に入れるメタタグ等について紹介します

https://katsu-dev.netlify.app/blog/web/html-head

【HTML入門】head要素の書き方とその意味合いについて | KATSU LOG-image

タグ入力を楽にするemmetについて

【HTML入門】Emmet記法とコピペで使えるチートシート | KATSU LOG

HTMLの記述が断然楽になるEmmet記法について紹介します

https://katsu-dev.netlify.app/blog/web/html-emmet

【HTML入門】Emmet記法とコピペで使えるチートシート | KATSU LOG-image