Contents
$B$3$3$G$O(BHTML$B$rA4$/8fB8CNL5$/!"3n%Q%=%3%s=i?4
$B%F%-%9%H!&%(%G%#%?$ODL>o(B OS $B$KI8=`AuHw$5$l$F$*$j!"(B Windows $B$J$i!V%a%bD"!W(B$B!"(B Macintosh $B$J$i!V%7%s%W%k%F%-%9%H!W(B$B$G$9!#(B
HTML$B$N%=!<%9$r8+$?$3$H$,$"$kJ}$O(B$B%A%e!<%H%j%"%k(B (N)$B$K!"(BHTML$B$r8f<+J,$G=q$$$?$3$H$N:_$kJ}$O(BCSS$B$N>R2p(B (S)$B$r8fMw2<$5$$!#!D!D$/$@$5$i$J$/$C$?$C$FNI$$$s$G$9$1$I$M!#(B
Web$B%3%s%F%s%D$N
HTML$BJ8=q$r:n@.$9$k$K$O!"Bg$-$/1>$C$FFs$D$NJ}K!$,M-$j$^$9!#(B
$B%F%-%9%H%(%G%#%?$b%*!<%5%j%s%0%D!<%k$b(B
$B%F%-%9%H!&%(%G%#%?$ODL>o(B OS $B$KI8=`AuHw$5$l$F$*$j!"(B Windows $B$G$O!V%a%bD"!W!"(BMacintosh $B$G$O!V%7%s%W%k%(%G%#%?!W$G$9!#(B
$B$3$l$i$OF0:n$b7Z$/!":GDc8BEYI,MW$J5!G=$,IU$$$F$$$^$9$N$G!"$3$l$G==J,$G$9$,!"$h$j9b5!G=$J%F%-%9%H!&%(%G%#%?$,!"(B$BAk$NEN(B (for Windows) $B$d(Bvector (for Windows and Macintosh) $B$+$iF~
HTML $BJ8=q$O!"$b$H$b$H%F%-%9%H!&%(%G%#%?$G5-=R!":n@.$9$k$b$N$G$9!#$3$N$H$-!"(B HTML $BJ8K!(B$B$,I,MW$K$J$j$^$9$N$G!"$3$l$GI_5o$,9b$/46$8$i$l$k>l9g$b$"$j$^$9$,!"
HTML $B%(%G%#%?$O!"(B HTML $BJ8=q$r%o!<%W%m$N$h$&$KI=<($5$;$J$,$i:n@.=hM}$G$-$k%=%U%H$G$9!#(B
$BNc$($P(B Microsoft $B$N%o!<%W%m!&%=%U%H(B Word $B$O!";fG^BN$X$N=PNO$rL\E*$H$7$F!"J8;z$NBg$-$5$d?'!"G[CV$J$I$N%G%6%$%s$r!";k3PE*$K3NG'$7$J$,$i:n@.$G$-$^$9$,!"(B HTML $B%(%G%#%?$b(B HTML $BJ8=q$N8+1I$($r3NG'$7$J$,$iD>@\JQ99!":n@.$G$-$^$9!#Bg;(GD$K1>$($P!"(B HTML $B%(%G%#%?$O%+%i%U%k$J%o!<%W%m!&%=%U%H$@$H;W$C$FD:$$$F$[$\9g$C$F$$$^$9!#(B
$B$3$N$h$&$J;k3PE*$J%$%s%?!<%U%'!<%9$r!"(B "What You See Is What You Get" $B$NF,J8;z$r$H$C$F!"(BWYSIWYG $B$H8F$S$^$9!#(B
Macromedia | Dreamweaver |
---|---|
ElementslSoftWare | Drumbeat |
Microsoft | Front Page (Express) |
NetObjects | Fusion |
Adobe | GoLive ($B5l(B PageMill) |
SoftQuad | HoTMetaL |
IBM | $B%[!<%`%Z!<%8%S%k%@!<(B |
Microsoft$B$N(BFrontPage (Express)$B$O!"(BWindows$B%f!<%6$G$O;H$C$F$$$kJ}$bB?$$$h$&$G$9$,!"F~LgMQ$H8@$C$?=j$@$H;W$$$^$9!#$=$lDx0-$/$OM-$j$^$;$s$,!"=$@5$r7+$jJV$7$F=PMh$"$,$C$?(BHTML$B%=!<%9$,Hs>o$K1x$/!"5!
IBM$B$N(B$B%[!<%`%Z!<%8!&%S%k%@!<(B2000$B$O!"(BHTML$B%(%G%#%?$NCf$G$OI8=`E*$@$H;W$$$^$9!J$3$l$h$j!"NI$$$+0-$$$+!"4JC1$+Fq$7$$$+!K!#A`:n@-$O%o!<%W%m%=%U%H$K6a$/!"4JC1$J%m%42hA|$N:n@.$b=PMh!"(BWebSite$B:n@.MQ$NAG:`2hA|$bB?$/4^$s$G$$$^$9!#EG$-=P$9(BHTML$B$b$+$J$j$^$H$b$G!" Macromedia $B$N(B DreamWeaver $B$O!"F0:n$,=E$$!"A`:n$,Fq$7$$$H1>$&FqE@$,$"$j$^$9$,!"$=$NJ,:Y$+$/D4@0$G$-$^$9!#:GDc8BEY$N(B HTML$B!"(BCSS $B$NCN<1$,MW5a$5$l$^$9$,!"CN$i$J$/$F$b;H$($k$3$H$O;H$($^$9$7!"$=$N$&$AI,MW$JJ,$O3P$($k$G$7$g$&!#(B HTML $B$h$jA`:n$r3P$($kJ}$,$h$C$]$IFq$7$/!";H$$$3$J$9$K$O%^%K%e%"%kK\$rJLES9XF~$7$?J}$,NI$$$G$7$g$&!#2hA|:n@.5!G=$OIU$$$F$$$J$$$N$G!"F1 $B$3$l$i$O2?$l$b%h%I%P%7!&%+%a%i!"%S%C%/!&%+%a%i$J$I!"%Q%=%3%s!&%7%g%C%W$G9XF~$G$-$^$9!#(B $BE9F,HNGd$5$l$F$$$k%Q%C%1!<%8$NB>$K!"(B ONLINE $B%=%U%H$G$bM%=($J$b$N$,4v$D$+M-$j$^$9!#2>$K(B HTML $B%(%G%#%?$rMxMQ$7$F$b!"L5NA$G$=$m$($k;v$O2DG=$G$9!#(B HTML$B$O(BWeb$B=PHG8@8l$G$9$,!"(BWeb$B=PHG$H;fG^BN=PHG$G$OBg$-$J0c$$$,M-$j$^$9!#(B HTML$B%(%G%#%?$K$O!"=i?4 $B;fG^BN$G$O!"1\Mw$5$l$k;~$K0u:~$5$l$?;f$7$+L\$K$9$k;v$OM-$j$^$;$s!#$3$N;~!"$I$N$h$&$JF~NOAuCV$d=PNOAuCV$r;H$C$?$N$+$OA4$/LdBj$K$J$i$:!"K|?M$K6&DL$7$?8+1I$($G1\Mw$5$l$^$9!#(B Web$B>e$G$N(BHTML$BJ8=q$N1\Mw$O!"1\Mw
$B3(2h$N$h$&$K!"8+1I$($r:n$C$F$$$/%o!<%W%m$NJ}<0$r!V;k3P%G%6%$%s!W$H8F$S$^$9!#(B $B0lJ}!"(BHTML$B$O!"!V$3$3$OCJMn!W!"!V$3$3$O8+=P$7!W$J$I$N(B$B0UL#(B$B$rJ8;zNs!J0E9f!K$G%^!<%/$9$k!JL\0u$rIU$1$k!K$3$H$GJ8=q$r@_7W$7$^$9!#$3$NJ}<0$r!V(B$BO@M}%G%6%$%s(B$B!W$H8F$S!"(BHTML$B$OO@M}%G%6%$%s$N$?$a$N9=B$2=8@8l$G$9!#!VO@M}%G%6%$%s!W$KB'$C$F%V%i%&%6!J1\MwAuCV!K$,8+$d$9$/I=<($7!"$=$N8+1I$($O8D!9$N%V%i%&%6$K$h$C$F0[$J$j$^$9!#8+1I$($N;XDj$O(BHTML$B$N;E;v$G$OM-$j$^$;$s!#(B
HTML$B%*!<%5%j%s%0%D!<%k!J(BHTML$B%(%G%#%?!K$O!"0l8+!V;k3P%G%6%$%s!W$N$h$&$K?6Iq$$$^$9$,!" $B$H$j$"$($:!V%[!<%`!&%Z!<%8$r:n$j$?$$!W>l9g$O!"(BHTML$B%*!<%5%j%s%0!&%D!<%k!J(BHTML$B%(%G%#%?!K$rF~ $BK\(BHTML$BJ8=q$O!"%F%-%9%H!&%(%G%#%?$rMQ$$$F!"(BHTML$BJ8=q$r:n@.$9$k$?$a$N2r@b$G$9!#(B $B$4MxMQ$G$-$k!V%F%-%9%H!&%(%G%#%?!W$r5/F0$7$F$/$@$5$$!#2>$K(BWindows$BI8=`E:IU$N!V%a%bD"!W$H2>Dj$7$FOC$r?J$a$^$9$,!"$=$l0J30$N>l9g$OE,59FIBX$($F2<$5$$!#(B $B0J2<$N%=!<%9$r!"%a%bD"!J%F%-%9%H!&%(%G%#%?!K$KD%IU$1$F2<$5$$!((B
$BM#I_5o$,9b$$$@$1$J$i$=$l$O4V0c$$$G$9!#(BHTML editer$B$,:_$l$P$3$&1>$&(BHTML source$B$rM>$j0U<1$;$:$K(BHTML file$B$,:n@.$G$-$^$9$7!"2hA|$ND%$j$D$1$J$I$NE}9g4D6-$b@0$C$F$$$^$9!#(B
$B%V%i%&%6$G3+$+$l$l$P8fJ,$+$j$K$J$i$l$?$3$H$H;W$$$^$9$,!"
<P>$B$+$i(B</P>$B$N4V$r(BP$BMWAG(B$B!"(B<P>$B$r(BP$BMWAG$N(B$B3+;O%?%0(B$B!"(B</P>$B$r(B$B=*N;%?%0(B$B$H8F$S$^$9!#F1MM$K!"(B<H1>$B$O(BH1$BMWAG$N3+;O%?%0!"(B</H1>$B$r(BH1$BMWAG$N=*N;%?%0$H8F$S$^$9!#!V3+;O%?%0!W$H!V=*N;%?%0!W$N4V$r!VMWAG!W$H8F$S$^$9!#(B $B:#:n$C$?(BHTML$BJ8=q$,$I$3$KJ]B8$5$l$?$+$r3NG'$7$F$+$i!"0lC6%F%-%9%H!&%(%G%#%?$r=*N;$7$F$/$@$5$$!#$3$N$H$-!"%U%!%$%kL>$N:G8e$K!"(B$BH>3Q1Q?t;z(B$B$G(B
$B$3$3$G$O!"(BHTML - HyperText Markup Language$B$N%-%b!"%O%$%Q!<%j%s%/$KIU$$$F>/$7$P$+$j2r@b$7$F!"(B$BMWAG$HB0@-(B$B$N35G0$r>R2p$7$^$9!#(BHTML$B0lHL$N>R2p$O$B%A%e!<%H%j%"%k(B (N) $B@hDx:n$C$?(BHTML$B%U%!%$%k$r%F%-%9%H!&%(%G%#%?$G3+$$$F2<$5$$!#(B $B3+$-J}$O!"L\E*$N(BHTML$B%U%!%$%k$r%F%-%9%H%(%G%#%?$N2hLL>e$^$G%I%i%C%0(B&$B%I%m%C%W!#0?$O!"%F%-%9%H!&%(%G%#%?$N(B[$B%U%!%$%k(B(F)]$B%a%K%e!<$N(B[$B3+$/(B(O)]$B$+$iL\E*$N%U%!%$%k$rA*Br$7$F$/$@$5$$!#(B
$B0J2<BODY>$B$+$i(B
A$BMWAG!J(B
$B>e$N(BP$BMWAG$r:#3+$$$F$$$k(BHTML$B%U%!%$%k$N(BBODY$BMWAGFb$KE=$jIU$1$F2<$5$$!#$3$l$r%V%i%&%6$GI=<($9$k$H!"$3$NItJ,$O!"
$B!ZI=<(Nc![(B
HTML$B$d(BXHTML$B!"(BCSS$B$K$O!"(B
$BDj5A$N:vDj!&4+9pCDBN(B$B$,B8:_$7$^$9!#(B
$B;n$7$K>e$NJ8;zNs!VDj5A$N:vDj!&4+9pCDBN!W$K;XDj$5$l$?%j%s%/$rF/$+$;$F!J%/%j%C%/$7$F!K$_$F2<$5$$!#%@%$%"%k!&%"%C%W$7$F!"(BW3C$B$H1>$&CDBN$N(BWebSite$B$N(BHTML$BJ8=q$, $B<:GT$7$F$7$^$C$?>l9g$O!"(BHTML$B$N1Q?t;z$,(B$BH>3Q(B$B$GM-$k;v$r3NG'$7$F$/$@$5$$!#(B $B!V(B
$B>e$NNc$G$O!"J8=q$N0LCV$r(B$B@dBP%Q%9(B$B!J(BURL;
$B>e$NNc$G$O!"0l$D>e$N%G%#%l%/%H%j!J(B $B!V%T%j%*%I!((B $B0lHL$K!"(BHTML$BMWAG$K$OB0@-$,;XDj$G$-$^$9!#!VB0@-(B="$BB0@-CM(B"$B!W$O!"Ev3:$N(BHTML$BMWAG$N3+;O%?%0$NCf$KD>@\=q$-$3$_$^$9!#(B
$B$b$&0l$D$N;H$$J}$O!"(B
$B$3$N$h$&$K;H$&$H!"%V%i%&%6$K$O2?$bI=<($5$l$^$;$s$,!"$3$3$G$O!"(B"$BBhFs@a(B"$B$H1>$&J8;zNs$K!"(B $BNc$($P!"F1$8%G%#%l%/%H%j!J%U%)%k%@!K$K!"Fs$D$N(BHTML$B%U%!%$%k(B $B
$BNc$($P!"$3$N>O$N:G=i!((BAnchor$BMWAG(B$B$G$9!#(B
$B$3$N%j%s%/$G!"%Z!<%8$NESCf$K!VHt$V!W$O$:$G$9!#(B
HTML; Hyper Text Markup Lamguage$B$H$O!"%F%-%9%H$NO@M}9=B$!J0UL#!K$r(Bmarkup$B$K$h$C$F<($98@8l$G$9!#(B
$B0JA0=q$-$^$7$?$,!"
$B2U>r=q$-!"HV9fIU$-2U>r=q$-!"Cmr=q$-!"%F!<%V%k!"$J$I$NFbIt9=B$$r;}$DMWAG$bF1$8$h$&$K!"3+;O%?%0$H=*N;%?%0$G3g$k$3$H$G%^!<%/!&%"%C%W$5$l!"%V%i%&%6$OB6$N%?%0$rFI$_9~$s$GE,@Z$JI=<($r$7$F$/$l$^$9!#(B
$B$3$N%^!<%/!&%"%C%W$r%o!<%W%m!&%i%$%/$K!"%?%0$dO@M}9=B$$K%7!<%`!&%l%9$K9T$($k%D!<%k$,!"(Bauthoring tool (HTML editer)$B$G$9!#$7$+$7!"(BHTML$B%(%G%#%?$bK|G=$G$O$"$j$^$;$s$7!"B6$NEG$-=P$9%=!<%9$O4V0c$$$r>/$J$+$i$:4^$s$@$b$N$G$9!#=>$C$F%f!<%6!<$O(BHTML$B%(%G%#%?$NEG$-=P$7$?%=!<%9$r<+J,$G=$@5$7$J$/$F$O$J$j$^$;$s!#B6=h$G!"=i$a$K:GDc8B!"2!$5$($F$*$+$J$1$l$P$J$i$J$$$3$H$,4v$D$+:_$k$N$G$9!#(B
$B:G=i$NFs$D$O=PMh$^$9$M!#:G8e$K5s$2$?(BHTML$BJ8K!$,LdBj$G$9$,!"(BHTML$B$O%W%m%0%i%`8@8l$G$O$J$$$N$G!"B6$N4pK\$Oe=q$-$7$FEG$-=P$98fGO$J(B HTML $B%(%G%#%?!"LpD%$j$3$l$r;H$&$N$,@8;:@-$NLL$+$i$O:GE,$@$H;W$$$^$9!#(B
HTML $B%(%G%#%?$K$O!"(B Microsoft $B$N(B Frontpage Express$B!"(BNetscape $B $B$3$l$i$N$&$A!"5$$KF~$C$?$b$N$r%Q%=%3%s!&%7%g%C%W!"(B ONLINE $B$GF~ $B;d$O40A4$K%F%-%9%H!&%(%G%#%?$@$1$G:n$C$F$$$^$9$N$G!"$=$&1>$&$3$H$b2DG=$G$9!#(B $B$3$N%3%s%F%s%D$G$O!"%F%-%9%H!&%(%G%#%?$G(B HTML $BJ8=q$r:n$k4pK\$rF~Lg$+$i@bL@$7$^$9!#$4MxMQ$N%F%-%9%H!&%(%G%#%?$r3NG'$7$?>e$G!"(B$B$B$K?J$s$G$/$@$5$$!#(BDreamWeaver (C)Macromedia
Web$B%3%s%F%s%D$H;fG^BN$N0c$$(B
2. $B$O$8$a$F$N(BHTML$B%I%-%e%a%s%H(B
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>HTML$BF~Lg(B</title>
</head>
<body>
<h1>$B=i$a$F$N(BHTML$BJ8=q(B</h1>
<p>hello world!</p>
</body>
</html>
hello.html
" or "hello.htm
"$B$H$+1>$&(Bfile name$B$GJ]B8!J3HD%;R$r(Bhtml
$B$+(Bhtm
$B$GJ]B8!K!#(B
3. $B2r@b(B
</BODY>
$B$N4V!J(BBODY$BMWAG!K$@$1$G$9!#(B
<P>
$B$H(B</P>
$B$G3g$i$l$?Cf?H$,!VCJMn!W$r0UL#$7$^$9!#F1MM$K!"(B<H1>
$B$H(B</H1>
$B$N4V$,!V8+=P$7!W$G$9!#8+=P$7$K$O35G0$NBg$-$$J}$+$i>.$5$$$b$N$^$G(B6$BCJ3,!JNc$($P!"It!">O!"@a!"L\!"CJMn!">.CJMn!KMQ0U$5$l$F$$$^$9!((BH1, H2, H3, H4, H5, H6.
$B$3$l$O8+=P$735G0$NBg$-$5$G$"$j!"J8;z$NBg$-$5$G$O$J$$;v$KCm0U$7$F$/$@$5$$!#(B
.html (.htm)
$B$,$/$C$D$$$F$$$k;v$r3NG'$7$F$/$@$5$$!#(B4. Anchor Element
</BODY>
$B$N4V!J(BBODY$BMWAG!K$NI,MW$JCGJR$7$+=q$-$^$;$s!#%=!<%9$G$N2~9T$OH>3Q(Bspace$B0l$D$KBP1~$7$^$9!#(B
<A>
$B$+$i(B </A>
$B$^$G!K$r%"%s%+!hogehoge
$BItJ,!W$G(BWeb$B>e$NJ8=q$N0LCV$r;XDj$7$^$9!#(B
$B@dBP%Q%9(B
<P>
HTML$B$d(BXHTML$B!"(BCSS$B$K$O!"(B
<A href="http://www.w3.org/" title="W3C">$BDj5A$N:vDj!&4+9pCDBN(B</A>$B$,B8:_$7$^$9!#(B
</P>
<A href="..."
$B!W$H!"!V(B<A$B!!(Bhref="..."
$B!W$O0[$J$j$^$9!#8ehref
$B$N4V$N%9%Z!<%9$,A43Q$K$J$C$F$*$j!"(B HTML $B$H$7$F$O4V0c$$$G$9!#(B$BAjBP%Q%9(B
http://hogehoge
$B!K$G;XDj$7$^$7$?$,!"(B$BAjBP%Q%9(B$B$H$$$&$b$N$,$"$j$^$9!#<+J,$G:n$C$F$$$k%5%$%H>e$N(Bfile$B$X$N%j%s%/$O!"IaDL$3$NAjBP%Q%9$G9T$$$^$9!#(B
<P>
$B$3$N%3%s%F%s%D$O!"(B<A href="../index.html">WebSite$B:n@.;Y1g7O%3%s%F%s%D(B</A>$B$N2
../
$B!K$KM-$k(Bindex.html
$B$H$$$&(Bfile$B$N>l=j$,;XDj$5$l$F$$$^$9!#<+J,$HF1$8%G%#%l%/%H%j$O!V(B./
$B!W!"0l$D>e$N%G%#%l%/%H%j$O!V(B../
$B!W!"Fs$D>e$O!V(B../../
$B!W$G;XDj$7$^$9!#(B.
$B!W$NL5$$!"!V(B/
$B!W$O(Bfile$B$,CV$$$F$"$k%5!<%P$N!V%k!<%H!W$K$J$j$^$9$N$G!"!V%T%j%*%I!W$rK:$l$J$$$h$&$KCm0U$7$F$/$@$5$$!#(B
<A>
$B$r(B A $BMWAG$N(B$B3+;O%?%0(B (start tag)$B!"(B </A>
$B$r(B$B=*N;%?%0(B (end tag) $B$H8F$S$^$9!#(B
href="..."
$B!"(B title="..."
$B$r(B$BB0@-(B$B$H8F$S$^$9!#(B
<!DOCTYPE ...>
$B$NFbIt$G$OBgJ8;z$H>.J8;z$r6hJL$7$F$/$@$5$$!#(Bname$BB0@-(B
name
$BB0@-$rM?$($k$3$H$K$h$C$F!"(Bfile$BFb$G%8%c%s%W$9$k=*E@$KL>A0$rIU$1$^$9!#(B
<H3>
<A name="0-2">$BBhFs@a(B</A> $B4{1}$NG'<1O@$Np'O)$H0d4~$5$l$?0F7o(B
</H3>
0-2
$B$H1>$&L>A0$,M?$($i$l$^$9!#(B
exist.html
$B$H(Bmenu.html
$B$,$"$C$?$H$7$^$9!#$3$N;~!">e=R$N(BHTML$B$,(Bexist.html
$B$KM-$C$?$H$7$^$9!#$3$N$H$-!"(Bmenu.html
$B$+$i!"!VBhFs@a!W$r;2>H$7$?$$>l9g$O!"
<A href="./exist.html#0-2">$BBhFs@a(B</A>
5. $B$^$H$a(B
<Hm>...</Hm> (m=1,2,...,6)
<P>...</P>
<HR>
<ADDRESS>...</ADDRESS>
<BLOCKQUOTE>...</BLOCKQUOTE>
<Q>...</Q>
<IMG>
<BR>