HTML
IEのバージョンによって、読み込ませるCSSやJavascriptを変更する方法 IE8 IE8未満 IE8以上http://coliss.com/articles/build-websites/operation/css/css-specific-for-ie-by-webdesignerwall.htmlhttp://blog.e-riverstyle.com/2010/01/iecss.htmlhead…
チェックボックス 趣味： カメラ 登山 ウォーキング ラベルの指定方法は2つあります。 （ラベルを指定すると、チェックボックス以外のラベル部分（文字部）をクリックした時もチェックがチェックされるようになります。） 1.labelタグで囲む方法 2.inputタグ…
ファイルを送信するフォーム ※inputタグでfileを指定した場合、formタグにenctype="multipart/form-data"を入れるのを忘れないように！ イメージ： <form action="check.php" method="post" enctype="multipart/form-data"> <p>イメージ： <input type="file" name="image"> </p> <p><input type="submit" value="アップロード"></p> </form>
参考になるURLがありましたのでメモします。 また、個人のメモとしてページの一部を引用させていただきました。同じwidth=200でもセル内の文字によって幅が違うhttp://okwave.jp/qa/q1729772.html※60px、320px、200pxで合計は580pxになりますが、cellspacing…
参考になるURLがありましたのでメモします。 また、個人のメモとしてページの一部を引用させていただきました。閉じタグの要不についてhttp://victreal.com/Junk/htmlTag/フォームを作る際にtableレイアウトを使わず、CSSで作られた方の感想http://128bit.bl…
HTMLは、バージョンごとに使用できる要素（タグ）や属性の名前と、それらの配置のしかたについて厳密に定義されています。 これはDTD（Document Type Definition）と呼ばれるもので、｢文書型の定義｣を意味します。 HTML4.01には以下の3種類のDTDがあります。…
DOCTYPEの宣言・・・後方互換モードを使用するかどうか指定する。DOCTYPEの宣言を指定する事により、「標準モード」でページを描画する。 必ず記述する。 記述しなかった場合は、後方互換モードによりCSSを使ったレイアウトにずれが生じたりする。IEの後方互…
CSSでは後に記述されたものが優先して適用されるます。 例えば、a:linkの指定を最後に記述すると、他の指定によるスタイルに上書きされて無効となります。スタイルを指定する記述順には注意が必要です。 次の順番で記述するようにします。:link擬似クラスa:l…
※tableで指定したborderとtdで指定したborderを重ねて表示する場合、 border-collapse: collapse;を使用する。 table{ border-collapse: collapse; border:#000099 solid 1px; } td { border: 1px #000000 solid; } 例） <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5 - table</title> </meta></head></html>
※summaryは、表の内容がわかるようにtable要素に必ず入れる。 ※rowは畑を意味し1行を指す。rowspan＝行結合。colspan＝列結合。 ※border-collapse: collapse; 隣接するセルボーダーを重ねて表示する。＜HTML＞ <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5 - table</title> <link rel="stylesheet" href="table.css"> </link></meta></head></html>
下記の表を組んで見る ※枠線はtrにはつかない。（tableとtdにつく） 言語コードの指定 <html lang="ja"> 文字コードの宣言 <meta charset="utf-8"> スタイルシートの指定 <link rel="stylesheet" href="sample.css"> スクリプトの指定 <script src="sample.js"></script> IE8以下はHTML5に対応していませんが「Google Code」で公開されている「html5shiv」 スクリプトを利用す</link></meta></html>…
※tableで指定したborderとtdで指定したborderを重ねて表示する場合、 border-collapse: collapse;を使用する。 table{ border-collapse: collapse; border:#000099 solid 1px; } td { border: 1px #000000 solid; } 例） <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5 - table</title> </meta></head></html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </meta></head></html>
h1見出しを付ける際に使用します。 h1が最も高位の大見出しです。数値が小さいほど高いランクの見出しとなります。ul順序のないリストを表示するol順序のあるリストを表示するliリストの項目を記述する
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>基本構造の練習</title> </head> <body> <h1>ページ全体を理解できる記事タイトル</h1> <p>要約</p> <h2>記事の大見出し</h2> <p>記事の結論を書く本文</p> <h3>記事の小見出し</h3> <p>記事の結論に至る検証を書く本文（１）</p> <ul> <li>文書の内容を表す（順番を変えても意味の変わらない項目の）箇条書き（１）</li> <li>文書の内容を表す（</li></ul></body></html>…
■meta ・その文書に関する情報（メタデータ）を指定します。 meta要素を指定する際には、 name属性、http-equiv属性、charset属性のうち、少なくとも一つを指定する必要があります。 また、name属性、http-equiv属性を指定する際には、必ずcontent属性とセッ…
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>基本構造の練習</title> </head> <body> </body> </html>
