Skip to content

Instantly share code, notes, and snippets.

@3t14

3t14/table markup test

Created May 17, 2014 06:30
Show Gist options
  • Save 3t14/f1af0c876e6033121aab to your computer and use it in GitHub Desktop.
Save 3t14/f1af0c876e6033121aab to your computer and use it in GitHub Desktop.
Download ZIP
Raw
table markup test
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<style type="text/css">
td, th {
border: 1px solid skyblue;
border-bottom: 1px solid blue;
}
</style>
</head>
<body>
<h1>表</h1>
<table style="border:2px solid black"
cellpadding="0px"
cellspacing="5px">
<tr>
<th>見出し１</th>
<th>見出し2</th>
<th>見出し3</th>
</tr>
<tr>
<td>セル1-1</td>
<td colspan="2">セル1-2</td>
</tr>
<tr>
<td>セル2-1</td>
<td>セル2-2</td>
<td>セル2-3</td>
</tr>
</table>
<table width="200px" style="border:2px solid black"
cellpadding="0px"
cellspacing="5px">
<tr height="50px">
<th width="25%">Num</th>
<th width="25%">/</th>
<th width="25%">*</th>
<th width="25%">-</th>
</tr>
<tr height="50px">
<td>7</td>
<td>8</td>
<td>9</td>
<td rowspan="2">+</td>
</tr>
<tr height="50px">
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr height="50px">
<td>1</td>
<td>2</td>
<td>3</td>
<td rowspan="2">Ent</td>
</tr>
<tr height="50px">
<td colspan="2">0</td>
<td>.</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment