staff1はじめにさて、突然ですが問題です。皆様がインターネットで見かける様々なWEBサイトは、一体どのような方法で作られているのかご存知ですか?正解は、HTMLとCSSという言語で書かれた、テキストファイルで作られています。HTMLとCSSをうまく使いこなせば、誰でも自由にWEBページを作ることができるのです。このブログ「鷹の目Work」では、主にIT技術の初学者に向け「作りながら慣れていく」をコンセプトに、プログラミングやIT技術について初学者目線で分かりやすく解説していきたいと思います。実際にプログラミングでの創作を体験して、動作を目で確認しながらできますので、作る楽しさもダイレクトに体感できるかと思います。HTMLやCSS、テキストファイル等の言葉が分からないかもしれませんが、なるべく誰にでも分かりやすい解説を心がけて参ります。不明な点があればコメント欄にて、ご質問いただければと思います。※このページでたくさんの見慣れない言葉が出てきますが、今はなんとなく理解してもらえれば構いません。あとで1つ1つ確認しながら学べますので、「覚えられない」ことにヤキモキしないでください。→関連記事「コンピュータが情報を扱う仕組み」それでは、ぜひ最後までお付き合いください。language(ハイパー・テキスト・マークアップ・ランゲージ)の頭文字をとった言葉です。聞き慣れない言葉かもしれませんが、HTMLとは何であるかを知るための手がかりになるので、まずは簡単に説明します。text(ハイパーテキスト)とは、インターネット上の文章と文章をつなぐ技術のことです。textによる技術の総称です。続いて、markup(マークアップ)とは、色付きのペンで文字をなぞることです。「参考書の重要な個所に線を引く行為」といえば分かりやすいかと思います。「重要だ!」という意味を示すためにマークアップ(色付け)を行います。language(ランゲージ)は言葉を意味しますね。HTMLとは文章にリンクと意味付けを行う言語なのです。し」「段落」等の、文章を構成している要素のことです。文章や言葉を「タグ」と呼ばれる文字列で囲うことによって意味付けを行います。CSSについてさて、WEBサイトはHTMLとCSSでできていると述べました。CSSとは、HTMLに装飾を施す言語のことです。CSSを使うことで、文字を赤くしたり太くしたり大きくしたり小さくしたりできます。HTMLもタグで囲うことで、色が付いたり太くなりますが、WEBブラウザが気を利かせて装飾を施しているに過ぎません。使用するWEBブラウザによって見え方が違いますので、見る人全てに同じデザインで見て欲しいならば、CSSでHTMLを装飾しましょう。まとめHTMLは意味付けをする言語である。CSSは装飾(デザイン)する言語である。言葉では分かりにくいと思いますので、次回からは実際に手を動かしながら、HTMLとCSSでWEBページを作ってみましょう。コメントをキャンセルコメントを投稿するにはログインしてください。Reserved.運営会社|プライバシーポリシ。