Web制作で使う言語たちを図解してみた HTML,CSS,JavaScript,PHP

公開日: : 最終更新日:2015/10/20 CSS, HTML, JavaScript, PHP

note_relation

HTML CSS JavaScript PHPの関係を図解してみた

HTML

「HTML(エイチティーエムエル)」は、文書の構造・内容を示す役割をする、マークアップ言語です。

インターネット上のWebページのほとんどにHTMLが使われています。

HTMLを使う事で、プレーンな状態のテキストに「ここは見出しですよ」「ここは表ですよ」というように、意味付けをすることができます。

CSS

「CSS(シーエスエス)」は、HTMLを飾り付ける役割をします。

JavaScript

「Javascript(ジャバスクリプト)」は、ブラウザに読み込まれたHTML/CSSに対して、変化を与えたり、ブラウザに対して命令を与えたり、いろいろ動的なことができるプログラム言語です。

The following two tabs change content below.

湊川 あい

湊川あい(みなとがわ あい) 絵を描くWebデザイナー。2014年より「マンガでわかるWebデザイン」をインターネット上に公開していたところ、出版社より声がかかる。 著書「わかばちゃんと学ぶWebサイト制作の基本」 Web連載「マンガでわかるGit」「わかばちゃんが行くオフィス訪問マンガ
  • Pocket       
  • このエントリーをはてなブックマークに追加

関連記事

manga_CSS3_resize

CSS外付けのメリットとは?マンガでわかるCSS入門

CSSは外付けのメリットって? CSS外付けのメリットはこんなかんじ 1 メンテ

記事を読む

image

HTMLちゃんとCSSちゃんを擬人化するとこんな感じ

  ちょっとラクガキ。 HTMLちゃんとCSSちゃんの日常を描いてみました。

記事を読む

image

マンガでわかるWebデザインが書籍化!全国の書店・アマゾンで発売

マンガでわかるWebデザインが本になりました! 「わかばちゃんと学ぶWebサイト制作の基本」 出

記事を読む

マンガでわかるWebデザイン

HTMLの基本構造を簡単解説 マンガでわかるHTML入門

HTMLちゃんはなぜ混乱しているの? HTMLちゃん、どうしたの!? 突然混乱し

記事を読む

CSSとは マンガで解説

CSSとは? 簡単解説!マンガでわかるCSS入門

CSSとは? CSSとは、Webページの見た目を担当する言語です。 「カスケーディン

記事を読む

eyecatch03

HTMLって何?簡単解説!マンガでわかるHTML入門

HTMLとは? 「自分でWebページを作るぞ!」となったときに、まず最初に必要なの

記事を読む

manga_cssmakefile

CSSファイルの作り方 マンガでわかるCSS入門

CSSファイルってどうやって作るの? Webデザインに初めて挑戦するとき、「CSSっていう

記事を読む

CSSは外付け?直書き?

CSSは外付け?直書き? マンガでわかるCSS入門

CSSは外付けがテッパン! CSSでWebページを装飾するとき、CSSは外部ファイル化

記事を読む

Comment

  1. 奇麗でカッコいいwebサイトで、webがわからない僕からしたらすっごく尊敬します! 湊川さんの努力がnoteやこのサイトに現れています。執筆大変で沢山の苦労が有ると思いますが無理せずに、そして本が出版されたら100冊買いますからw すみません100冊は無理ですが3冊位は買えるはずwww 言えるタイミングが無かったのですが、カンロ茎わかめのうめ味、教えていただいてからしょっちゅう食べていて、今もストックが10個程有りますwwwww

    • 湊川 あい より:

      まるねこたんさん
      こんばんは!
      心のこもったコメントありがとうございます!すごく嬉しいです!
      応援もありがとうございます!そういっていただけると本当に力になります。
      早く皆さんに本を公開できる日が来るようにがんばりますね!

      茎わかめハマっちゃいましたか〜
      わかめもお酢も体にいいですから、もりもり食べちゃってください。
      10個以上とはすごいですね!私も負けずにストックしようっと!

  2. tbpg より:

    HTML, CSS, JavaScript, PHP の擬人化 4角関係

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

C97RWxjVoAAdVdm
「マンガじゃなくてもGitぐらいわかるでしょ」と言われたことがあります

わかばちゃんと学ぶGit使い方入門 Web連載から始まった「マンガで

dakkou
マンガでわかるGitが書籍化!2017年4月21日 書店にて発売予定

マンガでわかるGitが書籍になります Web連載中の「マンガでわかる

tax_001
マンガでわかる確定申告 第1話 源泉徴収ってなあに?

第1話 源泉徴収ってなあに? 書籍「わかばちゃんと学ぶWebサイト制

HTMLちゃん
2016年ふり返り:本を出して会社を辞めてフリーランスになってました

湊川あいです。 Webデザイナーの傍ら、マンガや図解を取り入れた技術書

Gitコラボ漫画
【コラボマンガ】怖くない!黒い画面入門【 #シス管系女子 + #マンガでわかるGit 】

こんにちは!絵を描くWebデザイナーの湊川あいです。 普段 マンガでわ

→もっと見る

PAGE TOP