電話Twitterホームノウハウホームページ制作HTML&CSSHTMLとCSSとは?仕組みから理解することで今後の理解を深めるFacebookTwitterhatenaPocketLINEURLコピーコピーしましたHTML&CSSHTMLとCSSとは?仕組みから理解することで今後の理解を深める最終更新日:2023/05/03FacebookTwitterhatenaPocketLINEURLコピーコピーしましたHTMLとCSSを勉強しようとする方は、おそらくインターネットで調べて覚えていく方が多いかと思います。それだと、HTMLとCSSの作られ方の仕組みについては知らないまま覚えていくことになるケースが多いのではないでしょうか。ここでご紹介する仕組みを知っておいた方が、より理解が深まると思いますし、人によっては、より興味が沸くのではないかと思います。私は、世界標準という仕組みについて深く考える仕事をしていましたので、その経験も踏まえてHTMLの仕組みについて簡単にご説明します。Language」の略です。マークアップ言語のひとつです。それだけでは、おそらくこのページにきていただけた方にとって何の説明にもなってないですが、マークアップ言語というのは、何やら難しそうなプログラミング言語とは別物として考えてください。マークアップ言語は私からすれば英単語を覚えるのよりもよっぽど覚える量も少ないですし、簡単です。<p>文章をここに書く<p>これがHTMLです。<p></p>の間に書かれた内容は文章として扱われます。それが文章である、ということをコンピューターに示すのに<p>とマークしている、ということです。他の例として、テキストリンクは、<a>テキストリンク</a>と書けば、テキストリンクとして扱われます。HTML以外にもマークアップ言語はあり、このように、<>でマークしていく言語をマークアップ言語と呼びます。「コンピューターに示す」と先述しましたが、HTMLの場合、示す先がほぼウェブブラウザに限定されます。ブラウザは、HTML(とそれ以外の言語の組み合わせ)の内容を解釈して、描画しているのです。Sheets」の略です。そのため、CSSという呼び方ではなく、「スタイルシート」と呼ぶ人もいると思います。HTMLより少し複雑ですが、やはりプログラミング言語ではありません。}これで、先ほど示した<p>文章をここに書</p>というHTMLが、次のようにブラウザで表示されるようになります。このサイトではフォントの指定をしているので、厳密にはこの記述だけだと、その点は表示のされ方が異なります。center;でテキストの左右方向の表示位置を中央に指定しているという内容です。最近になって、条件によって指定の仕方を変えられるようになっているため、HTMLより複雑と先述したのは、その点だけです。HTMLとCSSって誰が決めてるの?本題に入っていきます。Consortium」という団体が仕様を定めてきました。URLにつく「www.」はここからきています。(そもそも、「www.」と付けなければならないなんていう決まりはないのですが)W3Cは、標準化団体です。