HTML CSSとは何か？初心者でもわかりやすく説明

本記事は、
上記のような方に向けて記事を書いています。

こんにちは、トモジです。

私はプログラミング未経験から独学で勉強して、
簡易的な動的サイト・ゲーム・サービスが作れる状態になりました。

本記事は、HTMLやCSSに関して要点をわかりやすく説明しております。

1.HTMLやCSSとは何か

HTMLやCSSはwebデザインやwebサービスを作る際に必要不可欠な言語です。

HTML

HTMLとは、Hyper Text Markup Language
(ハイパーテキスト・マークアップ・ランゲージ)
の略で
webページを作る基本的な
マークアップ言語です。

数多くのHTMLタグを駆使してマークアップしていきます。

マークアップ言語

視覚表現や文章構造などを記述するための形式言語である。テキストファイルであることが多いが、バイナリデータによる形式もある。

引用元： ウィキペディア

簡単に説明すると、文章にマークを付け(HTMLタグ)意味を持たせる言語

CSS

CSSは、HTMLで作られた文章に
スタイルや簡易的な動きをつける言語で
HTMLのデザイン担当になります。

２.HTML(タグ)やCSS(スタイル)とは

文章で説明するよりも、HTMLとCSSによる違いを比較した方がわかりやすいので
簡易的なwebデザインを作成しました。

以下の順で変化を確認しましょう。
①　HTML(タグあり)　&　CSS(スタイル変更あり)
②　HTML(タグあり)
③　HTML(タグなし)

①　HTML(タグあり)　&　CSS(スタイル変更あり)

通常のwebサイトのデザインになっております。

②　HTML(タグあり)

全体のデザインが崩れ、フッター項目・SNSリンク・画像の位置関係が乱れました。

③　HTML(タグなし)

通常のメモと同じ状態になり、内部・外部リンクがなくなりました。

HTMLとCSSはwebサイトやwebサービスを作る上で必ず必要な言語

まとめ

最後にこの記事のポイントをまとめておきます。