1. HTML$B$N>)$a(B

Contents

  1. HTML - Hyper Text Markup Language
  2. First Document - $B=i$a$F$N(BHTML
  3. $B2r@b(B
  4. Anchor Element
  5. $B$^$H$a(B

$B$3$3$G$O(BHTML$B$rA4$/8fB8CNL5$/!"3n%Q%=%3%s=i?4]$K$7$F!"(BHTML$B$N>R2p$r$7$^$9!#MW5a$9$k$3$H$O!"3HD%;R$H1>$&8@MU$rCN$C$F$$$k$3$H$H!"%F%-%9%H!&%(%G%#%?$,3+$1$k$3$H$G$9!#(B

$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

1. HTML - HyperText Markup Language

Web$B%3%s%F%s%D$NHTML$B%I%-%e%a%s%H(B$B$G$7$g$&!#:#8fMw$K$J$C$F$$$k$3$NJ8=q$b(BHTML$BJ8=q$G$9!#(BHTML$B$O!"(BWeb$B>e$GC/$+$i$bFI$a$kJ8=q$r=q$/$?$a$N8@8l$G$9!#(B

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%#%?(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~$G$9!#(B

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$,!"/$J$/!"4JC1$J$b$N$G$9!#K\(B HTML $BJ8=q$G$O!"$=$N(B HTML $BJ8K!$r@bL@$7$F$$$^$9!#(B

HTML$B%(%G%#%?(B

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

WYSIWYG$B%(%G%#%?!<(B
MacromediaDreamweaver
ElementslSoftWareDrumbeat
MicrosoftFront Page (Express)
NetObjectsFusion
AdobeGoLive ($B5l(B PageMill)
SoftQuadHoTMetaL
IBM$B%[!<%`%Z!<%8%S%k%@!<(B

FrontPage (Express) (C)Microsoft

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!$&5$$rBg$-$/:o$.$^$9!#(B

$B%[!<%`%Z!<%8%S%k%@!<(B2000 (C)IBM

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!"$&>l9g!"

DreamWeaver (C)Macromedia

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!"F1FireWorks $B$J$I$rJLESMQ0U$9$kI,MW$,$"$j$^$9!#(B

$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

Web$B%3%s%F%s%D$H;fG^BN$N0c$$(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$&%a%j%C%H$,$"$j$^$9!#$7$+$7!"(BWeb$B>e$G8x3+$5$l$k(BHTML$BJ8=q$O!"0l$D$N%G!<%?$rITFCDjB??t$N?M!9$,!"3F!90[$J$C$?AuCV$GFI$`$H1>$&@-

$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$,!"e$G$N;k3P%G%6%$%sE*A`:n$r!"8e$m$G!VO@M}%G%6%$%s!W$N8@MU$KK]Lu$9$kK]LuAuCV$G$9!#(B

$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

2. $B$O$8$a$F$N(BHTML$B%I%-%e%a%s%H(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

<!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>