imgをtable構成

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>

2012-05-09

table

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>…

2012-05-09

table2

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>