Home / プログラミング / HTMLとCSSって何?HTMLの役割とCSSの役割

HTMLとCSSって何?HTMLの役割とCSSの役割

Pocket

8cb159d53012efd6772c67826ecb7d56_s

HTMLやCSSという言葉を聞いたことありますか?Webサイトを作るにあたり知っておかなければいけない知識です。それぞれどのような意味があり役割を担っているのでしょうか。ここでは、「HTMLとCSSって何?HTMLの役割とCSSの役割」について、紹介いたします。プログラミングに興味がある方や、HTMLやCSSについて知りたい方は、参考にご覧ください。

スポンサーリンク

1.HTMLの役割とCSSの役割

80ae103cc037d9440c333be42634f325_s

ここでは、HTMLとCSSの基礎知識・役割について紹介いたします。

1.HTMLとは?HTMLの役割

HTMLとはHyper Text Markup Language(ハイパーテキストマークアップランゲージ)の略で、ホームページなどを作成する際に用いられます。文書構造を定義するものであり、骨組みや構造となるマークアップ言語です。コンピュータに画像やテキスト、ロゴなどを認識させるための役割を担います。例えば内をh1で大見出しを示し、h3で小見出し、pで段落であることを認識させます。

HTMLタグと呼ばれ、認識させたいテキストなどの前後をタグで囲むことで、コンピュータがその通りに表示します。タグは他にもbでテキストを太字にする、buttonでボタンを作成する、dirでリストを表示するなどさまざまです。

2.CSSとは?CSSの役割

CSSはCascading Style Sheets(カスケーディング・スタイル・シート)の略で、ホームページなどの見た目・スタイルを定義するための言語のことです。HTMLで画面に表示する文書構造などを定義し、CSSで表示方法や装飾などを定義します。まさにCSSはデザインであり、テキストに下線を引いたり、枠で囲ったり、文字の大きさを変えたりします。

HTMLで作ったものを装飾して見やすくする役割を担います。よく例えられるのは、HTMLがすっぴんの似顔絵であれば、CSSは(その似顔絵の)化粧後の姿を作れます。HTML+CSSを使うことで、そのWEBページが見やすくなります。

2.HTMLとCSSのおすすめ入門書

ここでは、HTMLとCSSの初心者向けのおすすめ入門書について紹介いたします。

1.スラスラわかるHTML&CSSのきほん

スラスラわかるHTML&CSSのきほんは、フリー素材をインストールして実際に作業しながら学べる本です。小さなサイトを作りながら、HTMLとCSSの基礎が分かりやすく学べます。達成感も味わいながら勉強できるので、飽きやすい人にもおすすめです。

Webサイト作成の知識がたくさん掲載されていますので、勉強した後も使える一冊です。構成内容:Webサイトとその構成要素/Webブラウザの機能と種類/Webサイトを公開するまで/制作に使うソフトのインストール/HTMLの基本的な書式/見出し、段落、リスト/リンクと画像の挿入など

2.作りながら学ぶHTML/CSSデザインの教科書

1 2

スポンサーリンク

スポンサーリンク

Check Also

【入門編】Androidアプリ開発のためのおすすめ勉強法全8選

Androidのアプリを作って …

Facebookでのご購読が便利です