LoginSignup
0
0

More than 3 years have passed since last update.

HTML/CSSの基礎知識

Posted at

HTML/CSSについて

1.HTMLとは
・ハイパーテキスト・マークアップ・ランゲージ( HyperText Markup Language)の略。
・ウェブページを作成する為の言語。
・ハイパーテキストに目印をつける言語。

①ハイパーテキストとは?
・ハイパーリンクを埋め込むことができる高性能なテキスト。

②ハイパーリンクとは?
ウェブページで下線の付いたテキストなどをクリックすると別のリンクへ移動するリンクのこと。

③マークアップとは?
・文書の各部分がどのような役割を持っているか分かるように示すこと。
(各部分→elementと呼ぶ。)

<メリット>
・マークアップにより、その部分がどのような役割なのかを明確にすることで、コンピューターがその文書構造を理解できるようになる。

2.CSSとは? 
・カスケーティング・スタイル・シートの略。
・ウェブページのスタイルを指定する為の言語でHTMLと組み合わせて使用する。
・スクリーンに表示される際の色、サイズ、レイアウトなどの表示、プリンタで印刷される際の出力スタイル、音声で読みあげられる際の再生スタイルなど、どのようなスタイルで表示、出力、再生するかについて指定することができる。

①スタイルシートとは?
・文書のスタイルを指定する技術全般のこと。

②スタイルシートが必要な理由は?
・HTMLでもCSSのようにウェブページをスタイリングできないことはないが、それだと文書構造がでたらめになってしまう。
・HTMLの要素をどのように表示するかはブラウザによって異なるので、HTMLタグを駆使してある閲覧環境では綺麗にレイアウトされたとしても、他の閲覧環境では全く意図しないレイアウトになってしまうことがある。

<メリット>
・文書の構築とスタイルを分離して管理できるようになる。
・文書の構造に影響を与えずにスタイルを制御できるようになる。
・スタイル指定のせいで文書構造が分からなくなることがなくなる。
・スタイルを一括管理できる。
・複数の文書でスタイルを共有できる為、メンテナンス性が向上する。
・検索エンジンに正しく解釈されるウェブページになる。
・文書から余分なマークアップを排除して、スタイルに関する記述を一箇所にまとめる事でウェブページを軽量化できる。
・様々なメディアごとに適用するスタイルを指定し分けることができる。
・将来的に特定のメディアに依存することなく、それぞれのメディアに合ったスタイルでウェブページを表示、再生、出力させることができる。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0