Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTTPとHTML 技術領域専攻 3回 中川 晃.

Similar presentations


Presentation on theme: "HTTPとHTML 技術領域専攻 3回 中川 晃."— Presentation transcript:

1 HTTPとHTML 技術領域専攻 3回 中川 晃

2 復習 ・WWWとは・・・ World Wide Web の略。 「世界中に張り巡らされた蜘蛛の糸」 このWWWの中で使用されているのが
 「世界中に張り巡らされた蜘蛛の糸」 このWWWの中で使用されているのが 「HTTP」と「HTML」

3 HTTP ・Hyper Text Transfer Protocol の略 ・プロトコル(※規約)のこと。
 ・プロトコル(※規約)のこと。  ・HTML文書や、文書に関連付けられている画像、音声、動画などのファイルをやり取りをするために必要。

4 HTML ・Hyper Text Markup Language の略 ・ウェブページを記述するための言語。
 つまり・・・日本語や英語と同じようなコンピュータの言葉 ・タグ(<>)を用いて書かれている。 実際に見てみよう!

5 タグ その1 中身の前に・・・ 基本は<○○>~</○○> <HTML> ~ </HTML>
タグ その1 中身の前に・・・  基本は<○○>~</○○>    <HTML> ~ </HTML>    ~にHTML文書を入力する  <HEAD> ~ </HEAD>    ~にページの情報を入力する  <TITLE> ~ </TITLE>    ~にページのタイトルを入力する  <BODY> ~ </BODY>    ~にブラウザに表示したい本文を入力する

6 タグ その2(使い方)

7 タグ その3 <H1>~</H1> ・Headingの頭文字 ・見出しを作成するときに使用するタグ。
タグ その3 <H1>~</H1> ・Headingの頭文字 ・見出しを作成するときに使用するタグ。 ・1~6までの数字で文字の大きさが変化する。

8 タグ その4 <P>~</P> ・paragraphの頭文字 ・段落ごとに文章を書くときに使用するタグ

9 タグ その5 <br> ・breakの頭文字 ・改行をするときのタグ

10 タグ その6 <a href=“~”> ・anchor の頭文字 ・「~」の部分にリンクさせる時に使用するタグ

11 タグ その7 <img src=“~”> ・image、sourceの略 ・画像、動画、音声などを貼り付ける時に使用するタグ

12 まとめ <HTML>~</HTML> HTML文書を入力する <HEAD>~</HEAD>
ページの情報を入力する <TITLE>~</TITLE> タイトルを入力する <BODY>~</BODY> 本文を入力する <H1>~</H1> 見出し <P>~</P> 段落 <br> 改行 <a href=“~”> リンク <img src=“~”> 画像、動画、音声


Download ppt "HTTPとHTML 技術領域専攻 3回 中川 晃."

Similar presentations


Ads by Google