「みんなのHTML」(2006/05/30 (火) 02:01:30) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
<h3 class="title"><a class="title" href=
"http://flashsfv.seesaa.net/article/17869242.html"><font color=
"#87B400">chapter3 本文を作る</font></a></h3>
<div class="text">#noteTemplate<br>
<br></div>
<h3 class="text">01 トップページを作成する(p.70)</h3>
<div class="text"><br>
<br>
<strong lang="en">Point</strong><br>
<br>
>index.htmlとは<br>
「index.html」は、”http://www. ~ .com/ ”<br>
など、ファイル名を指定しなくてもサイトの初期ページとして読み込まれる。<br>
<br>
>pタグとは</div>
<div class="text">
<div class="text">カッコの中は、タグの機能をあらわす。</div>
<div class="text">pタグのpは、paragraph[段落・節]の意味。<br>
<br>
>brタグとは<br>
<br>タグは、強制的に改行する位置を示すためのタグです。<br>
<br>
<br>
>hrタグとは<br>
<hr>タグは水平線を引くためのタグです。</div>
<div class="text">終了タグがいりません。<br>
<br></div>
</div>
<h3 class="text">02 見出しを作るには(p.77)</h3>
<div class="text"><br>
<br>
<strong lang="en">Point</strong><br>
<br>
>hタグとは<br>
見出しのレベル分けを行う。<br>
開始タグと終了タグを相応します。</div>
<div class="text">例えば、<H2>~</H2></div>
<div class="text"></div>
<div class="text"></div>
<div class="text"></div>
<div class="text"></div>
<div class="text"></div>
<div class="text"></div>
<div class="text">
<hr></div>
<div class="text"></div>
<div class="text">
<hr></div>
<div class="text"><strong>■<font color=
"#CC66CC">5月30日 担当者:シンシン</font></strong></div>
<div class="text"></div>
<h2 class="text"><font color=
"#3366FF">chapter4スタイルシートでページを飾る</font></h2>
<h2 class="text">
01簡単なスタイルシートを作成・保存する(P.82)</h2>
<p class="text">☆この章の目標となるページ</p>
<p class="text"></p>
<p class="text"></p>
<p class="text"></p>
<p class="text">
☆スタイルシート「nogizaka.css」を作成、保存する</p>
<p class="text"></p>
<p class="text"></p>
<p class="text"></p>
<p class="text">☆「index.html」を変更する</p>
<p class="text"></p>
<p class="text"></p>
<h2 class="text">02 スタイルシートの基礎(P.87)</h2>
<p class="text">
☆スタイルシートでタグごとの見栄えを指定する</p>
<p class="text"></p>
<p class="text"></p>
<p class="text">
☆スタイルシートとしてCSSを使うことを示すタグ(↓)</p>
<p class="text"></p>
<p class="text"></p>
<p class="text">
☆スタイルシートの読み込みを指定するタグ</p>
<h2 class="text">関連説明:</h2>
<p><font color=
"#FF0000"><strong><u>スタイルシート:</u></strong></font></p>
<p>スタイルシート(Cascading Style
Sheet:CSS)っていうのは、HTML
で作ったページの見栄えをもっとよくするための技術です。<br>
HTML だと、ページのレイアウトを整理するのに、<table>
や <blockquote> を駆使してたと思うけど、CSS
を使えば、簡単(?)にもっと細かく作れるようになります。レイアウトだけじゃなく、文字の大きさや色、字体、行間なんかも自由自在になります。<br>
見栄えなんかどうでもいいやって人も覚えとけば便利。<br>
ページの外にスタイルの設定を書き込んだシートを作って、これをページに適用することができるから、たくさんページを作ってもスタイルを設定したシートを修正するだけで、すべてのページを修正することができます。</p>
<p><strong><u><font color=
"#FF0000">スタイルシート(CSS)の設定方法:</font></u></strong></p>
<p>CSSの設定方法には3種類あります。</p>
<p>1.タグではさまれた部分に適用する方法。</p>
<p>2.ページ全体に適用する方法。</p>
<p>3.リンクを使って複数ページに適用する方法。</p>
<br>
<br>
<p class="text"></p>
<p class="text"></p>
<p class="text"></p>
<div class="text"></div>
<h3 class="title"><a class="title" href=
"http://flashsfv.seesaa.net/article/17869242.html"><font color=
"#87B400">chapter3 本文を作る</font></a></h3>
<div class="text">#noteTemplate<br>
<br></div>
<h3 class="text">01 トップページを作成する(p.70)</h3>
<div class="text"><br>
<br>
<strong lang="en">Point</strong><br>
<br>
>index.htmlとは<br>
「index.html」は、”http://www. ~ .com/ ”<br>
など、ファイル名を指定しなくてもサイトの初期ページとして読み込まれる。<br>
<br>
>pタグとは</div>
<div class="text">
<div class="text">カッコの中は、タグの機能をあらわす。</div>
<div class="text">pタグのpは、paragraph[段落・節]の意味。<br>
<br>
>brタグとは<br>
<br>タグは、強制的に改行する位置を示すためのタグです。<br>
<br>
<br>
>hrタグとは<br>
<hr>タグは水平線を引くためのタグです。</div>
<div class="text">終了タグがいりません。<br>
<br></div>
</div>
<h3 class="text">02 見出しを作るには(p.77)</h3>
<div class="text"><br>
<br>
<strong lang="en">Point</strong><br>
<br>
>hタグとは<br>
見出しのレベル分けを行う。<br>
開始タグと終了タグを相応します。</div>
<div class="text">例えば、<H2>~</H2></div>
<div class="text"></div>
<div class="text"></div>
<div class="text"></div>
<div class="text"></div>
<div class="text"></div>
<div class="text"></div>
<div class="text">
<hr></div>
<div class="text"></div>
<div class="text">
<hr></div>
<div class="text"><strong>■<font color=
"#CC66CC">5月30日 担当者:シンシン</font></strong></div>
<div class="text"></div>
<h2 class="text"><font color=
"#3366FF">chapter4スタイルシートでページを飾る</font></h2>
<h2 class="text">
01簡単なスタイルシートを作成・保存する(P.82)</h2>
<p class="text">☆この章の目標となるページ</p>
<p class="text"></p>
<p class="text"></p>
<p class="text"></p>
<p class="text">
☆スタイルシート「nogizaka.css」を作成、保存する</p>
<p class="text"></p>
<p class="text"></p>
<p class="text"></p>
<p class="text">☆「index.html」を変更する</p>
<p class="text"></p>
<p class="text"></p>
<h2 class="text">02 スタイルシートの基礎(P.87)</h2>
<p class="text">
☆スタイルシートでタグごとの見栄えを指定する</p>
<p class="text"></p>
<p class="text"></p>
<p class="text">
☆スタイルシートとしてCSSを使うことを示すタグ(↓)</p>
<p class="text"></p>
<p class="text"></p>
<p class="text">
☆スタイルシートの読み込みを指定するタグ</p>
<h2 class="text">関連説明:</h2>
<p><font color=
"#FF0000"><strong><u>スタイルシート:</u></strong></font></p>
<p>スタイルシート(Cascading
StyleSheet:CSS)っていうのは、HTMLで作ったページの見栄えをもっとよくするための技術です。<br>
HTML
だと、ページのレイアウトを整理するのに、<table>や
<blockquote>
を駆使してたと思うけど、CSSを使えば、簡単(?)にもっと細かく作れるようになります。レイアウトだけじゃなく、文字の大きさや色、字体、行間なんかも自由自在になります。<br>
見栄えなんかどうでもいいやって人も覚えとけば便利。<br>
ページの外にスタイルの設定を書き込んだシートを作って、これをページに適用することができるから、たくさんページを作ってもスタイルを設定したシートを修正するだけで、すべてのページを修正することができます。</p>
<p><strong><u><font color=
"#FF0000">スタイルシート(CSS)の設定方法:</font></u></strong></p>
<p>CSSの設定方法には3種類あります。</p>
<p>1.タグではさまれた部分に適用する方法。</p>
<p>2.ページ全体に適用する方法。</p>
<p>3.リンクを使って複数ページに適用する方法。</p>
<br>
<br>
<p class="text"></p>
<p class="text"></p>
<p class="text"></p>
<div class="text"></div>
表示オプション
横に並べて表示:
変化行の前後のみ表示: