テーブル(table,tr,th,td)を作ろう
この章ではテーブルを作成するタグについて説明します。 テーブルとは表組のことを言います。 テーブルはサイトを作成する上で頻繁に使うので しっかりと覚えてください。 では例をみてみましょう。 結果は以下のような表組みを出力します。 table要素の属性には以下のようにborder属性やwidth属性を入れることが出来ます...
Warning: Undefined variable $i in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 142
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
文書をリスト形式(ul,li,ol,dl)にしよう
この章では文書をリスト形式にする方法について説明します。 まず初めに文書をリスト形式にするタグから説明します。 では例をみてみましょう。 マークのある箇条書きリストを作成したい時には以下の構文で書きます。マークの初期値はです。 結果は以下の通りです。 結果は以下の通りです。定義した言葉とその言葉に説明を加えたリストを作...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
ボックス(margin,border,padding,)について知ろう
この章ではボックスの概念について説明します。 ブロックレベル要素は画面で見ると四角い領域で出力されますが、この領域を１つのボックスとして扱います。 このボックスの構成要素はになります。 ユーザーが見やすいように表示領域の指定をするのがマージンとパディングとボーダーです。 では例をみてみましょう。 結果は以下のようになり...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
CSSのプロパティ(vertical-align)の使い方について知ろう14
この章ではvertical-alignプロパティについて説明します。 vertical-alignプロパティは行内のテキストの縦方向の位置を指定します。では例を見てみましょう。spanタグはstrongタグのように直接的に文字を太くするなどの機能を持っていませんが、 spanタグで囲んだ範囲をスタイルシートで適用するた...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
CSSのプロパティ(letter-spacing)の使い方について知ろう13
この章ではletter-spacingプロパティについて説明します。 letter-spacingプロパティは文字の間隔を設定するプロパティです。 指定方法はnormalと単位を付けて指定する方法の2種類があります。 単位は「CSSのプロパティ(line-heigh)の使い方について知ろう12」の単位表を参考にしてくだ...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
CSSのプロパティ(line-heigh)の使い方について知ろう12
この章ではline-heighプロパティについて説明します。 line-heighプロパティは行間を設定するプロパティです(行間の距離を指定します)。 指定方法はnormalと単位を付けて指定する方法の2種類があります。 単位は以下の表を参考にしてください。ptで指定するとユーザー側で変更することができないので % や...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
CSSのプロパティ(background-attachment)の使い方について知ろう11
この章ではbackground-attachmentプロパティについて説明します。 background-attachmentプロパティは背景画像を固定する機能を持ちます。 長い文章があった時にスクロールすると背後の画像も一緒に動いてしまうため、background-attachmentを使用することで画像を固定するこ...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
CSSのプロパティ(background-position)の使い方について知ろう10
この章ではbackground-positionプロパティについて説明します。 background-positionプロパティは背景画像の「表示する位置」を指定します。 英字指定の他にも のようにpxや%を使用した指定もすることが出来ます（数字と数字の間は半角の空白を開けてください）。 の意味は左端から20%進んだ距...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
CSSのプロパティ(background-repeat)の使い方について知ろう9
この章ではbackground-repeatプロパティについて説明します。 background-imageを指定すると指定した画像が繰り返し表示されていましたが、background-repeatを指定することでこの繰り返しを色々な形にコントロールすることができます。 では例を見てみましょう。 初めにbackgrou...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
CSSのプロパティ(background-image)の使い方について知ろう8
この章ではbackground-imageプロパティについて説明します。 background-imageプロパティはページに背景画像を設置する時に使います。 body要素やp要素やspan要素などに背景画像を入れることが出来ます。 プロパティの値には背景画像のJPEG , GIF , PINGのファイル名を指定します...