ブログランキング ドット ネット

ブログランキング ドット ネット



ブログ情報

5307位 UP

ホームページ作成講座 HTML CSS

ホームページ作成の知識。HTML CSS 講座。ブラウザの性能に頼らないホームページ作り。

コンピュータ プログラミング

ランキング
対象 総合 カテゴリ別 サブカテゴリ別
本日 5307位 205位 24位
前日 5411位 210位 26位

最近のエントリ

21:27
8/25

背景・背景画像

table要素、tr要素、th、td要素において、背景色を指定するには「bgcolor属性」を用い、背景画像を指定するには、「background属性」を用います。 それぞれ、table要素に指定すると、表全体に、tr要素に指定すると、tr要素で囲まれた行全体に、th要素または、td要素に指定すると、各セルに背景色を指定することができます。 参考URL http://homepagelecture.web.fc2.com/imasara_html/table_back.htm Q1 <table>...

14:30
8/5

罫線

table要素において、表の外枠の太さを指定するには「border属性」を用います。 値は単位をつけないピクセル数で、『 0 』を指定すると外枠は表示されなくなります。 また、表の外枠の色を指定するには、「bordercolor属性」を用います。 値はカラーネーム、又はRGBコードを指定します。 参考URL http://homepagelecture.web.fc2.com/imasara_html/table_border.htm Q1 <table border="1">  <tr><td>197...

09:39
7/3

CAPTION キャプション 表題

caption要素は、table 要素において、表の表題(キャプション)を定義します。 また、キャプションは中央揃えで表示されます。 http://homepagelecture.web.fc2.com/imasara_html/table_caption.htm <table>   <caption>年号</caption>   <tr><td<1972</td></tr> </table> Q1 caption要素は、align属性を用いて、表題の表示位置を、セルの下に変更することが出来ます。 ...

09:33
5/28

TABLE 基本構造

一覧表や年表など、表形式にまとめて記述する必要があるソースを含むページを作成する場合は、 table要素で表を作成します。 http://homepagelecture.web.fc2.com/imasara_html/table_base.htm <table>   <tr><td>1972</td></tr> </table> Q1 上記のTABLEは、一行、一列の表を形成しています。 3行の表を作成して下さい。 Q2 同じく、上記のTABLEのソースより、3列の表を作成して...

21:42
4/27

フレーム リンク ウィンドウの制御

ひとつのページに複数のウィンドウを分割して表示するフレームページは、リンク先を開く場所 ( ウィンドウ ) の指定方法が複雑に感じられますが、基本は、target 属性に 値 を指定するだけで、参考URLでは少し注意が必要な2種類の値を解説します。 http://homepagelecture.web.fc2.com/imasara_html/frame_link.htm <frameset cols="200,*" title="フレームテストページ"> <frame name="menu" src="menu.htm" titl...

10:19
3/25

インラインフレーム

インラインフレームとは、ウィンドウを分割するのではなく、ページの行内に配置できるフレームで、そのフレーム内に別のページを表示する事ができます。また、W3C が勧告する仕様においてインラインフレームは、HTML4.0では移行型DTD( Transitional )または、フレーム設定型DTD( Frameset ) で定義します。 http://homepagelecture.web.fc2.com/imasara_html/iframe.htm <iframe src="iframe_ex.htm" name="iframe_ex" w...

11:18
3/5

フレーム ページを分割して表示する。

フレームは、1つのぺージに複数のウィンドウを分割して表示します。もともと フレームは、Netscape Navigator 2.0 の独自拡張機能を仕様に取り入れた規格なので、Internet Explorer 3.0より古いバージョンでは対応していません。 また、W3C が勧告する仕様においてフレームは、HTML4.0ではフレーム設定型DTD( Frameset ) で定義します。 フレームを使用してWebページを作成するには、『 frameset要素 』を記述するHTMLフ...

13:33
2/27

イメージ(img)要素で画像をページに指定します。

img要素は、ページ上に画像を表示する要素です。 http://homepagelecture.web.fc2.com/imasara_html/img.htm <img src="img/0001.jpeg" width="100" height="75"> Q1 上記は、imgフォルダにある、0001.jpegというファイル名の画像をページ上に指定しています。 src属性に相対パス、又は、絶対パスを用いて画像ファイルを指定し、width属性、height属性には、画像ファイルの横幅( width )と高さ( height )を、ピクセル...

15:21
2/21

リスト List 作成

HTML文書において、データをリスト(一覧)化する方法を解説します。 http://homepagelecture.web.fc2.com/imasara_html/list.htm <ul type="disc">   <li>ピーマン</li>   <li>トマト</li>   <li>ナス</li> </ul> Q1 上記、ul 要素は、箇条書きリストを定義、li 要素は、リストの各項目を指定しており、type属性で、リストの行頭記号を、黒丸に指定した記述です。 ...

16:51
2/20

ハイパーリンク リンクの指定方法

ハイパーテキスト (Hyper Text)に、おいてリンクは、複数の文書を結びつける役割を担います。 リンクが指定されているテキストや画像をたどり展開(クリック)してことによって、別のWebページや別のファイルを表示させることが出来ます。 この機能を、『ハイパーリンク (Hyper Link)』、またハイパーリンクが指定されている文書を『ハイパーテキスト (Hyper Text)』と言います。 http://homepagelecture.web.fc2.co...

11:21
2/13

背景色、背景画像を指定する

背景関連 属性 http://homepagelecture.web.fc2.com/imasara_html/background.htm 1 <body bgcolor="#eeeeee"></body> 2 <body background="background/back.png"></body> Q1 上記、1は、ページに背景色(例では薄い灰色)、2は、背景画像を指定しています。 これを、スタイルシートでの指定に変更して下さい。

14:06
2/12

フォントカラー FONT COLOR を指定する要素

フォントカラーを指定するには、FONT要素、COLOR属性を使用します。 http://homepagelecture.web.fc2.com/imasara_html/font_color.htm <font color="#0000ff">フォントカラー:青</font> Q1 上記の記述は、フォントカラーを青に指定してあります。 青色を指定する値の「 #0000ff 」は、16進数で表すRGB値で指定していますが、これを、カラーネーム(カラーコード)での指定に値を変更して下さい。 16進数で表...

16:24
2/6

フォントサイズ FONT SIZE を変更する要素

フォントサイズを変更するには、FONT要素を使用します。 http://homepagelecture.web.fc2.com/imasara_html/font.htm Q1 font 要素に、属性(size)、値( 数値 )と記述することにより、フォントのサイズを指定でき、値は、1〜7 の数字で指定しますが、多くのブラウザで採用されているデフォルト(初期設定)のフォントサイズとほぼ同等の値はどれでしょうか? <font size="+1">テキスト</font> Q2 上記の要素...

13:42
1/25

フォントを装飾する要素

フォントやテキストを装飾する要素には、太字、斜体、下線、打ち消し線、等幅、などがあります。 http://homepagelecture.web.fc2.com/imasara_html/b.htm <b>内容を太字表示します。</b> Q1 上記の記述は、b要素に含まれる内容を太字表示させるものですが、b要素は、表示のみ変化させる要素です。これを、内容に「強調」と言った論理的な意味を含ませ、かつ、太字表示させるように、要素を変更して下さい。 Q...

10:51
1/23

改行と区切り線

改行(br要素)と区切り線(hr要素) http://homepagelecture.web.fc2.com/imasara_html/br.htm 内容<br><br>内容 Q1 上記の記述には文法的に誤りがあります。何が誤りなのか説明して下さい。 <hr width="100" color="red" size="10"> Q2 上記は、長さ100px、赤色、太さ10pxの区切り線を表示させる記述です。これをスタイルシート(CSS)での記述に変換して下さい。

10:18
1/17

span要素とcenter要素

インライン要素である span要素はdiv要素と同じく『ひとつのまとまり』を定義し、div要素が『ブロックレベル』を定義する要素に対して、『インライン(行内)』を定義します。 また、span要素のみで使用する事はありません。 CSS と組みあわせて使用する事で文書のスタイルを有効に定義できます。 center要素は、インライン内容や、ブロック要素を中央揃え(センタリング)します。 また、center要素は、align属性で代替する...

11:24
1/15

ブロックレベル要素 div要素

div要素は、p要素が『段落』を定義する要素に対して、『ひとつのまとまり』を定義します。 『ひとつのまとまり』(グループ化)を定義する要素は『段落』を定義するp要素とは異なり、ブロック要素の中に他のブロック要素を含める事が出来ます。 http://homepagelecture.web.fc2.com/imasara_html/div.htm <div align="center">内容</div> Q1 上記のalign属性は、div要素の内容をセンタリングして表示します。 ...

14:12
1/11

段落 p要素

HTML文書も、一般的な文書と同じく、その内容を分りやすく表現する為に、段落を組み合わせて構成します。 http://homepagelecture.web.fc2.com/imasara_html/p.htm Q1 「br要素 を連続して指定する事で段落のように表現する」ことは正しい。○×でお答え下さい。 Q2 <p align="center">内容</p> 上記のp要素は、align属性で、内容がセンタリングするように指定してあります。これを、スタイルシートでの記述に置...

18:09
1/9

見出し要素

文字で何かを伝える時に、その内容が大まかに分るように『 見出し 』をつけます。 ホームページを作成する場合もそれと同じく『 見出し 』要素があります。 http://homepagelecture.web.fc2.com/imasara_html/h1.htm <h1>見出しとは</h1> <h2>見出しとは</h2> <h3>見出しとは</h3> <h4>見出しとは</h4> <h5>見出しとは</h5> <h6>見出しとは</h6> ...

15:24
1/8

スタイルシートで、ページ全体の基本指定をする方法

BODY要素にページ全体の基本指定をする方法では、body要素にページ全体の基本指定を指定する方法を解説しましたが、本稿では、スタイルシート(CSS)で、ページ全体の基本指定をする方法を解説します。 http://homepagelecture.web.fc2.com/imasara_html/body.htm#css <style type="text/css"> <!-- a:link{   color: #000080;   } a:visited{   color: #000080;   } a:hover{   color: #FF6699;   } a...

前へ 6 - 25 次へ

衆議院総選挙 関連エントリ

おすすめブログ

本日のブログ

新着ブログ

新着エントリ