6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11
5 @media <H1><FONT COLOR=#FF0000></FONT></H1> <H1><FONT COLOR=#FF0000></FONT></H1> <H1><FONT COLOR=#FF0000></FONT></H1> H1 { color: #FF0000; } <H1></H1> <H1></H1> <H1></H1> aural { } @media braille { } @media handheld { } @media screen { } INTERNET magazine 1998/11 291
1 j http://hidemaru.xaxon.co.jp/index.html CD-ROM ÅWin Hidemaru 4,000 j http://www.iijnet.or.jp/matsumoto/ CD-ROM ÅMac Jedit 2,500 2 <HTML><HEAD> <TITLE>HTML</TITLE> <BODY BGCOLOR="#FFFFFF" TEXT ="#000000"> <CENTER> <FONT SIZE=5 color="#ff0000"> <B></B></FONT> </CENTER> <BLOCKQUOTE> <HTML><HEAD> <TITLE>HTML </TITLE> <BODY> <H1></H1> <P> 292 INTERNET magazine 1998/11
3 1 <HTML> <HEAD><TITLE></TITLE> <H1 STYLE=color: red; font-size: 20pt;></H1> <H2 STYLE=color: red; font-size: 16pt; text-align: center;> </H2> <P STYLE=margin: 16px 10%; lineheight: 150%;> </P> 2 <HTML> <HEAD><TITLE></TITLE> <STYLE> <!-- H1 { color: red; font-size: 20pt; } H2 { color: red; font-size: 16pt; textalign: center; } P { margin: 16px 10%; line-height: 150%; } --> </STYLE> 3 mukasi.css H1 { color: red; font-size: 20pt; } H2 { color: red; font-size: 16pt; textalign: center; } P { margin: 16px 10%; line-height: 150%; } momo.html <HTML> <HEAD><TITLE></TITLE> <LINK REL=stylesheet TYPE= text/css HREF=mukasi.css> urasima.html <HTML> <HEAD><TITLE></TITLE> <LINK REL=stylesheet TYPE= text/css HREF=mukasi.css> INTERNET magazine 1998/11 293
1 <FONT COLOR="red"> EM { color: red; } <BODY BGCOLOR="#FFC0CB"> BODY { background: #FFC0CB; } <BODY BGCOLOR="#FFC0CB" TEXT="#000000" BACKGROUND="back.gif"> <P> <FONT COLOR="#0000FF"></FONT> <FONT COLOR="#0000FF"></FONT> <FONT COLOR="#FF0000"> </FONT> BODY { color: black; background: #FFC0CB url(back.gif) } EM { color: red; font-style: normal; } SPAN.person { color: blue; } <BODY> <P> <SPAN class="person"></span> <SPAN class="person"></span> <EM></EM> 294 INTERNET magazine 1998/11
2 <FONT FACE=" "> <B><I></I></B> <FONT SIZE="+2"></FONT> </FONT> P { font-family:' ','',serif; } BIG { font-size: 24pt; } EM { font-weight: bold; font-style: italic; } <P> <EM></EM> <BIG></BIG> POINT INTERNET magazine 1998/11 295
3 <CENTER> DIV.center { text-align: center; } <H2 ALIGN="right"> H2 { text-align: right; } <CENTER><H1> </H1></CENTER> <H2 ALIGN=right></H2> H1 { text-align: center; } H2 { text-align: right; } P { line-height: 150%; } <H1></H1> <H2></H2> <P> POINT 296 INTERNET magazine 1998/11
4 <BLOCKQUOTE> <CENTER><TABLE width="80%"> P{margin-left: 10%; margin-right: 10%; } <CENTER> <TABLE BORDER=2 BORDERCOLOR="red" BGCOLOR=" #FFFACD" WIDTH="80%"> <TR><TD> </TD></TR></TABLE> P{ margin-left: 10%; margin-right: 10%; padding: 8px; border-style: solid; border-width: 2; bordercolor: red; background: #FFFACD; } <P> </P> margin border-width borderrightwidth borderleftwidth padding margin-top border-top-width padding-top padding-bottom border-bottom-width margin-bottom marginright paddingright paddingleft marginleft INTERNET magazine 1998/11 297
5 <TABLE> DIV { position: absolute; } <TABLE CELLPADDING=8><TR> <TD WIDTH=130 BGCOLOR=" #FFD000"> <A HREF="">Home</A></TD> <TD BGCOLOR="#FFF8CD"><H1>position</H1> </TD></TR></TABLE> DIV.left { position: absolute; left: 0; top: 0; width: 130px; padding: 8px; border: solid 4px #FF8000; background: #FFD000; font-weight: bold; } DIV.right { position: absolute; left: 130px; top: 0px; background: #FFF8CD; padding: 8px; } <DIV class="left"><a HREF="">Home</A> </DIV> <DIV class="right"><h1>position</h1></div> <SCRIPT> var ua = navigator.useragent; var tag = '<LINK REL="stylesheet" TYPE="text/css" HREF="'; if(ua.indexof("msie 4") >= 0) tag += 'ie4.css'; else if(ua.indexof("mozilla/4") >= 0) tag += 'nn4.css'; else if(ua.indexof("msie 3") >= 0) tag += 'ie3.css'; else tag += 'other.css'; tag += '">'; document.write(tag); </SCRIPT> 298 INTERNET magazine 1998/11
6 width left top top left 1 2 DIV.map { position: relative; width:320; height: 240; background: #FFA500; font-weight: bold; font-size: 20pt; font-family: Verdana; } DIV.link1 { position: absolute; left: 150; top: 20; } DIV.link2 { position: absolute; left: 20; top: 65; } DIV.link3 { position: absolute; left: 120; top: 120; } DIV.link4 { position: absolute; left: 65; top: 180; } <DIV CLASS= map > <DIV CLASS= link1 ><A HREF= 1.html >HTML 4.0</A></DIV> <DIV CLASS= link2 ><A HREF= 2.html >Style Sheet</A></DIV> <DIV CLASS= link3 ><A HREF=3.html >JavaScript</A></DIV> <DIV CLASS= link4 ><A HREF= 4.html >Tips & Tricks</A></DIV> </DIV> height IE4 <DIV> <DIV> 4 position 3 HTML INTERNET magazine 1998/11 299
[インターネットマガジン バックナンバーアーカイブ] ご 利 用 上 の 注 意 この PDF ファイルは 株 式 会 社 インプレス R&D( 株 式 会 社 インプレスから 分 割 )が 1994 年 ~2006 年 まで 発 行 した 月 刊 誌 インターネットマガジン の 誌 面 を PDF 化 し インターネットマガジン バックナンバー アーカイブ として 以 下 のウェブサイト All-in-One INTERNET magazine 2.0 で 公 開 しているものです http://i.impressrd.jp/bn このファイルをご 利 用 いただくにあたり 下 記 の 注 意 事 項 を 必 ずお 読 みください 記 載 されている 内 容 ( 技 術 解 説 URL 団 体 企 業 名 商 品 名 価 格 プレゼント 募 集 アンケートなど)は 発 行 当 時 のものです 収 録 されている 内 容 は 著 作 権 法 上 の 保 護 を 受 けています 著 作 権 はそれぞれの 記 事 の 著 作 者 ( 執 筆 者 写 真 の 撮 影 者 イラストの 作 成 者 編 集 部 など)が 保 持 しています 著 作 者 から 許 諾 が 得 られなかった 著 作 物 は 収 録 されていない 場 合 があります このファイルやその 内 容 を 改 変 したり 商 用 を 目 的 として 再 利 用 することはできません あくまで 個 人 や 企 業 の 非 商 用 利 用 での 閲 覧 複 製 送 信 に 限 られます 収 録 されている 内 容 を 何 らかの 媒 体 に 引 用 としてご 利 用 する 際 は 出 典 として 媒 体 名 および 月 号 該 当 ページ 番 号 発 行 元 ( 株 式 会 社 インプレス R&D) コピーライトなどの 情 報 をご 明 記 ください オリジナルの 雑 誌 の 発 行 時 点 では 株 式 会 社 インプレス R&D( 当 時 は 株 式 会 社 インプレス)と 著 作 権 者 は 内 容 が 正 確 なものであるように 最 大 限 に 努 めましたが すべての 情 報 が 完 全 に 正 確 であることは 保 証 できません こ のファイルの 内 容 に 起 因 する 直 接 的 および 間 接 的 な 損 害 に 対 して 一 切 の 責 任 を 負 いません お 客 様 個 人 の 責 任 においてご 利 用 ください このファイルに 関 するお 問 い 合 わせ 先 All-in-One INTERNET magazine 編 集 部 im-info@impress.co.jp Copyright 1994-2007 Impress R&D, an Impress Group company. All rights reserved.