HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17



Similar documents
eil _4.ppt

untitled

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

Microsoft PowerPoint - InfPro_I9.pptx

第7章 Webページによる情報の発信

6 2 1

6 2 1


Web

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

HTML入門

27短01研01斉藤.indd

</BODY> </HTML> HTML HTML HTML HTML <HTML> </HTML> <HTML> </HTML> HTML <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> BODY moji.htm <HTML> <HEAD> <TIT

HTML文書の作成

あいち電子自治体ガイドライン(第1章)

! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >

HTML web HTML HTML

07_経営論集2010 小松先生.indd

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1


11

2. HTML csh AWK AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html

橡ホームページの作り方

untitled

■新聞記事

経営論集2011_07_小松先生.indd

文 書 構 造 とスタイル

untitled

コンピュータサイエンス 1. ウェブの基本

第7章 Webページによる情報の発信

Microsoft Word - 1-html.doc

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 : ) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文

インターネットマガジン1998年11月号―INTERNET magazine No.46

html_text

スライド 1

Microsoft PowerPoint - 第03回目.pptx

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

Microsoft Word - HTML.docx


InfoPros13_digest.key

A B C A B C Ctrl (S) 5 A B C 11.2: (F) (A) ( OK ) 3 (E) ( ) (E)

websample 1 2 websample index.html

PowerPoint Presentation

untitled

次のように編集を行う 1. 改行を挿入するには <br> タグ 例 ) 世界の都市めぐり <br> ~~~あれこれをご紹介します <br> ~~~ 名所めぐり <br> ~~~ヨーロッパの町並み <br> 2. 段落を区切るには <p> ~ </p> タグ 例 )<p> 世界の都市めぐり </p>

1/2

Lecture/CompPracR2003/12th

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ


22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための

PowerPoint プレゼンテーション

Microsoft Word - 第4&5回HTML&MIFES入門.doc

Taro-ホームページB5.jtd

年刊EDP 2003

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

スライド 1

立ち読みページ

ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2 種類がある 2. テキストエディタ : テキストファイルと呼ばれる 文

CSS CSS

CSS

css.pdf

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

アプレットの作成

FileList Convert a pdf file!

Taro-CSS.jtd

Microsoft PowerPoint - css.ppt [互換モード]

(a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX

PowerPoint プレゼンテーション

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに

Microsoft PowerPoint - css [互換モード]

Microsoft PowerPoint - hp2.ppt [互換モード]


untitled

モール管理者マニュアル Ver.1.0


Microsoft PowerPoint - lecture1210.pptx

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top

Webデザインの基礎01


m_sotsuron

pdf

HTML5 CSS

CSSで書籍組版を

KITENN 編集操作マニュアル

■新聞記事

1 1 2 L A TEX L A TEX HTML HTML

コンピュータサイエンス 4. ウェブプログラミング

準備 ~ テキストエディタに直接入力 ~ ウィンドウズパソコンには標準で メモ帳 がはいっています HTML を書くには メモ帳 を使いましょう スタート ( すべての ) プログラム アクセサリ メモ帳 HTML はアルファベットと記号の組み合わせで書かれています 必ず直接入力で書きましょう 全角

jquery

ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個

Microsoft Word - chap2.doc

スライド 1

Microsoft PowerPoint - css-3days.ppt [互換モード]

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp:// 他 に loose.dtd,frameset.d

SVG資料第6回目(その3) SVGとHTMLの間でデータを交換する

4 Java へようこそ の 画 面 が 表 示 されるので インストール をクリックします 5 Java セットアップ 進 行 中 画 面 が 表 示 されます 6 Java セットアップ 完 了 画 面 が 表 示 されるので 閉 じる をクリックします インストール が 完 了 しました 7

about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 1 演習 2 Z: Web データ管

Transcription:

1 11 13 2 11 27 3 12 11

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 -

.1 HTML (V)(C) HTML - 2 -

HTML HTML OS Windows 2.1 HTML (P) HTML. <HTML> <HEAD> <TITLE>test page</title> </HEAD> <BODY> BR BR </BODY> </HTML> - 3 -

( ) (A) index.html 2.2 InternetExplorer (O) HTML.html HTML index.html URL - 4 -

HTML HTML HTML <HTML></HTML> HTML <HEAD></HEAD> <BODY></BODY> <HEAD></HEAD> <HEAD> <TITLE></TITLE> BODY></BODY> <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML> - 5 -

HTML <BR> <BR> <P> <P> <P> <P><P> - 6 -

<Hn> </Hn> n=1 6 6 1 6 <H1> </H1> <H2> </H2> <H3> </H3> <H4> </H4> <H5> </H5> <H6> </H6> <FONT SIZE=n> </FONT> n=1 7 7 7 1-7 -

<FONT SIZE=1></FONT><BR> <FONT SIZE=2></FONT><BR> <FONT SIZE=3></FONT><BR> <FONT SIZE=4></FONT><BR> <FONT SIZE=5></FONT><BR> <FONT SIZE=6></FONT><BR> <FONT SIZE=7></FONT><BR> <FONT SIZE=7> </FONT> <FONT SIZE=7> </FONT> <B></B> <I></I> <B></B> <I></I> <B><I> </I></B> - 8 -

<HR> <HR> <BR> <BR> <BR> <HR> <CENTER> </CENTER> <DIV ALIGN="center"></DIV> <DIV ALIGN="right"> </DIV> <CENTER> <BR> <P> </CENTER> <DIV ALIGN="right"> <BR> <BR> </DIV> - 9 -

<IMG SRC=" " ALT=""> SRC GIF (.gif) JPEG (.jpg) ALT <IMG SRC="new.gif"><BR> <IMG SRC="news.gif" ALT=" "> <IMG SRC=" " WIDTH="X" HEIGHT="Y"> X Y <IMG SRC="new.gif" WIDTH="100" HEIGHT="30"> 100x30 <BR> 100x30 <IMG SRC=" " ALIGN=" "> - 10 -

ALIGN top,middle,bottom 3 <IMG SRC="new.gif" ALIGN="top"> top <BR> <IMG SRC="new.gif" ALIGN="middle"> middle <BR> <IMG SRC="new.gif" ALIGN="bottom"> bottom <BR> <IMG SRC=" " ALIGN=" "> ALIGN right left <IMG SRC="new.gif" ALIGN="left"> left <BR> <BR> <BR> <BR> <BR> - 11 -

<BODY BGCOLOR="#n" TEXT="#n"> HTML BODY BGCLOLOR TEXT n 3 R( )G( )B( ) 2 16 6 <BODY BGCOLOR="#000000"> <BODY BACKGROUND=" "> <BODY BACKGROUND="new.gif">new.gif <TABLE> </TABLE> - 12 -

<TD> </ TD > <TR> </ TR > <CAPTION> </CAPTION> <TABLE> <CAPTION> </CAPTION> TR><TD> 1-1</TD><TD> 1-2</TD></TR> <TR><TD> 2-1</TD><TD> 2-2</TD></TR> </TABLE> <TABLE BORDER> </TABLE> <TABLE BORDER> <CAPTION> </CAPTION> <TR><TD> 1-1</TD><TD> 1-2</TD></TR> <TR><TD> 2-1</TD><TD> 2-2</TD></TR> </TABLE> - 13 -

Web http:// URL /./../ index.html new.gif "B/new.gif" hobby.html index.html "../index.html" - 14 -

HTML WEB Netscape IE URL HTML FTP HTML - 15 -

HTML HTML 7.1 Homepage builder Win Homepage builder GIF JPEG BMP TIFF JPEG HTML 7.2 Adobe Page mill Win Mac Page mill 7.3 Mac Win WEB Microsoft Office - 16 -

- 17 -

HTML HTML HEAD HEAD TITLE MY HOME PAGE /TITLE BASE HREF http://www.tuat.ac.jp BODY /HEAD TITLE BODY BASE HREF /BODY URL /HTML ADDRESS ADDRESS wwwadm@cc.tuat.ac.jp /ADDRESS BODY /BODY BGCOLOR TEXT LINK ALINK VLINK BACKGROUND BGPROPERTIES FIXED LEFTMARGIN TOPMARGIN BODY BGCOLOR #FFFF00 /BODY BODY BGCOLOR Yellow /BODY BODY TEXT # FFFF00 LINK= #00FFFF ALINK= #FF0000 VLINK= #00FF00 /BODY BODY BACKGROUND haikei.gif /BODY BODY BACKGROUND haikei.gif BGPROPERTIES FIXED /BODY BODY LEFTMARGIN 60 TOPMARGIN 40 HR (2 HR ) SIZE HR SIZE WIDTH 50 ALIGN left WIDTH ALIGN NOSHADE HR NOSHADE COLOR HR CLOLOR = BLUE 1

BR BR NOBR NOBR /NOBR P P ( 1 ) P ALIGN P ALIGN center /P H ALIGN H ALIGN right /H1 DIV ALIGN DIV ALIGN center /DIV CENTER CENTER /CENTER BLINK BLINK /BLINK SPACER SIZE TYPE horizontal SPACER SIZE 60 TYPE horizontal SPACER SIZE TYPE vertical SPACER TYPE block WIDTH SPACER TYPE block WIDTH 50 HEIGHT HEIGHT 40 ALIGN bottom ALIGN FONT COLOR FONT COLOR RED /FONT H H1 /H FONT SIZE FONT SIZE/FONT BASEFONT SIZE BASEFONT SIZE FONT SIZE 6 FONT SIZE /FONT BIG BIG /BIG SMALL B B /B I S TT U SUP SUB EM STRONG CITE FONT FACE FONT FACE Arial 2

TABLE TABLE BORDER TD TR TH CAPTION TABLE CAPTION/CAPTION TRTH/THTH/TH /TR TRTD/TDTD/TD/TR TRTD/TDTD/TD/TR /TRBLE A HREF A HREF mailto: A HREF http://www.tuat.ac.jp/ /A A HREF mailto: wwwadm@cc.tuat.ac.jp /A URL URL left right center 1 6 top middle bottom left right 1 7 Arial Lucida Times Roman 3

HTML RGB RGB #000000 Black #0000FF Blue #FF00FF Fuchsia #808080 Gray #008000 Green #00FF00 Lime #800000 Maroon #000080 Navy #808000 Olive #800080 Purple #FF0000 Red #C0C0C0 Silver #FFFFFF White #FFFF00 Yellow #00FFFF Aqua #008080 Teal 4

School Icons CLUB http://ww1.tiki.ne.jp/~makorin/ Information center 10000 http://www.ran.co.jp/ TOM s material http://www.orange.or.jp/~tomita/sozai/ WEB anyway http://www.threeweb.ad.jp/~zoo/anyway/buttfold/buttflm.html G TOOL 3 http://www.siliconcafe.com/gtool/data/index.html WWW CD-ROM http://www.iissa.co.jp/~fma/arata/parts.html Twinkle http://www.geocities.co.jp/heartland-namiki/7179/ 1 1 http://plaza12.mbn.or.jp/~keis/1kbox/ 5

1 1 HTML 6