HTML,XHTML、CSS
  • JUGEMテーマ
  • MonoColle
  • PICTO

ブログテーマ

ユーザーテーマ

HTML,XHTML、CSS

このテーマに投稿された記事:155件 | このテーマのURL:http://jugem.jp/theme/c91/5374/
HTML,XHTML、CSS
このテーマについて
HTML,XHTML、CSSに関する記事をアップさせましょう!!
このテーマの作成者
作者のブログへ:「oidyjf」さんのブログ
その他のテーマ:「oidyjf」さんが作成したテーマ一覧(5件)
このテーマで記事を投稿する
このテーマに投稿された記事
rss

< 6  7  8  9  10  11  12  13  14  15  16 >

レッスン5のまとめ

JUGEMテーマ:HTML,XHTML、CSSブロックライン要素・・・一つの領域(ブロック・まとまり・固まり)を示す。インライン要素を含むことができる。代表的なブロックレベル要素h1〜h6(見出しの要素)p(段落の要素)blockquote(引用要素)ul,ol,li(リストの要素)table,tr,th,td(テーブルの要素)div(一般的なブロック要素を作るための要素)ブロックレベル要素が続く場合は、改行される。横幅・高さ(width/height)、余白(margin/padding)といったスタイルを追加されることでHTML文書の骨組みを作る。インライン要素...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 09:49

パート2 レッスン1のまとめ

JUGEMテーマ:HTML,XHTML、CSS いよいよ、スタイルシートに入ります。h2 {      color: red}のように指定。h2はセレクタ、colorはプロパティ、redは値。プロパティと値の対応をコロン(:)、プロパティの指定の終了をセミコロン(;)で記述。スタイルシートのコメント用タグ/*と */の間に記述。最後に*/を記述しないと以下の文書にも影響をして反映されなくなるので注意!!body{        /*color: red;*/   ...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 09:48

パート2 レッスン2のまとめ

JUGEMテーマ:HTML,XHTML、CSS フォントサイズを変えるh1{ font-size: 20px; }でh1要素のフォントサイズを20に。単位相対単位と絶対単位がある絶対単位はユーザーがフォントサイズを大きくしたり小さくしたりできない。そのため、フォントサイズは相対単位で指定する。%を使ったサイズの指定方法では、デフォルトのサイズを100%として相対サイズに指定する。(px値となる)100%=16px相対単位em・・・エム。フォントサイズの高さを1とする単位。ex ・・・小文字「x」の高さを1とする単位。p...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 09:46

パート2 レッスン3のまとめ

JUGEMテーマ:HTML,XHTML、CSS line-heightプロパティ行の高さを指定する倍率で指定するのがベスト。標準で1.5倍。pxやptは文字サイズを拡大したりフォントサイズの違う要素が混在したりといった状況になったとき、行間が詰まりすぎてしまうのでまた単位つきの割合での指定も実際には割合から計算されたpx値となるため行間は倍率で指定するのがよい。text-indentプロパティ段落の最初を1文字分あける字下げ効果は1行目のみ。p { text-indent: 1em; }・・・一文字分字下げスタイルシートの継承を理解す...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 09:44

パート2 レッスン4のまとめ

JUGEMテーマ:HTML,XHTML、CSS ボックスの構造を理解するコンテンツを表示する領域・・・テキストや画像といった、コンテンツそのものが、この領域に表示される。この領域を基準として「大きさ」「背景」「ボーダー」「マージンやパディングといった余白」を調整していく。コンテンツ表示領域の大きさの指定は、高さをheightプロパティで、幅をwidthプロパティで行う。パディング(padding)・・・コンテンツとボーダーの間の余白。「ボックス」の枠線とコンテンツとの間隔。枠線とコンテンツが近すぎることでおこ...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 09:43

パート3 レッスン1のまとめ

JUGEMテーマ:HTML,XHTML、CSS 画像を挿入するsrc属性src属性(sourceの略)の属性値には画像ファイルのパス(場所)を記述する。a要素の href属性の書き方と同じで絶対パスと相対パスが利用できる。<img>タグはインライン要素の一種なのでp要素などのブロックレベル要素で囲む必要がある。alt属性alt属性(alternativeの略)属性値には「画像に代わって表示する文字列」を記述する。画像を表示できないブラウザのためだけではなく、画像の読み込みに失敗したときや、画像を表示しない設定にしているときに...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 09:42

パート3 レッスン2のまとめ

JUGEMテーマ:HTML,XHTML、CSSテーブルを作るHTML文書のなかでテーブル(表)を作成する際、基本となるのは<table>タグ。行を<tr>タグ(table rowの略)で指定、その行に入るそれぞれのセルを<td>タグ(table data cellの略)で表す。見出しは<th>タグ(table headerの略)でセンタリングは太字になる。テーブルのborderの属性「border="1"」とつけるとテーブルのボーダー(枠線)が表示される。テーブルのsummaryの属性summary="旅の記録"・・・音声ブラウザなどを使っている人のためにsummary属...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 09:41

パート3 レッスン3のまとめ

JUGEMテーマ:HTML,XHTML、CSS リストタグを理解するリスト(箇条書き)を作成するには、<ul>タグ・・ unorderd listの略。箇条書きの意味<li>タグ・・ list itemの略。リスト項目の意味<ul>タグでリスト全体を定義し、<li>タグでリストに表示する各項目を定義する。ul要素もli要素もブロックレベル要素。プラウザの表示では、リストの頭に「・」がつけられ、リスト全体はインデント(字下げ)される。「・」をマーカーと呼ぶ。<ul><li>識のはじまり高野山・室戸岬 編</l...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 09:40

パート4 レッスン2のまとめ

JUGEMテーマ:HTML,XHTML、CSS ボックスによるレイアウトスタイルシートを使ったWebページのレイアウトは、コンテンツそのものを一まとまりの四角い箱(ボックス)と考え、これらを組み合わせて作っていく。floatプロパティを使って、ブロックレベル要素を段組みで配置する。2段組みをレイアウトしてみる#col 1{    width: 350px;    float: left;}#col 2{    width: 350px;    float: right;}#footer {&n...

アラフォー!コスモスのWEB勉強日記 | 2010.11.29 Mon 00:10

CSS3のおさらいスライドサイト

CSS3の実装させる機能説明がコレまでの方法と比較して解説されているサイトです。 このサイト自体もフルにCSS3の機能を使って制作されていて、スライドを見ているように閲覧することができるようになっています。

tuglog! | 2010.11.07 Sun 00:35

このテーマに記事を投稿する"

< 6  7  8  9  10  11  12  13  14  15  16 >

全155件中 101 - 110 件表示 (11/16 ページ)

[PR] レンタルサーバー heteml [ヘテムル]
あなたのクリエイティブを刺激する、
200.71GBの大容量と便利な高機能!