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       
  • このエントリーをはてなブックマークに追加

関連記事

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

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

記事を読む

CSSは外付け?直書き?

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

DIST.16に登壇しました【わかばちゃんと学ぶ フリーランスのための情報整理術】 #dist16

こんにちは! フリーランスWebデザイナー/技術書執筆/マンガ家/

Windows版SourceTreeがVer 2.1系列になって、ローカルリポジトリの作り方がわからなくなった方へ

ローカルリポジトリの作り方がわからない問題 「わかばちゃんと学ぶGi

正式公開されたGoogleの「Cloud Source Repositories」を使ってみた

Google製Gitリポジトリのクラウドサービスが正式公開 Go

GitHub上でプルリクを出す方法:「Compare & pull request」のボタンが見当たらない場合

GitHubで「Compare & pull request」

「esa 3歳 お誕生日おめでとう」 – あるWebサービスが3歳を迎えた日に立ち会ってきた

「esa 3歳 お誕生日おめでとう」 プレートにはそう書いてあった。

→もっと見る

PAGE TOP