31-10000 web入门 HTML5 表格以及九宫格案例制作
学习代码1
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表格title>
head>
<body>
<table border="1" bgcolor="red">
<tr>
<td>单元格1td>
<td>空td>
<td>单元格3td>
tr>
<tr>
<td>1td>
<td>td>
<td>3td>
tr>
<tr>
<td>
<ul>
<li>苹果li>
<li>苹果li>
<li>苹果li>
ul>
td>
tr>
<tr>
<td>1td>
<td>1td>
<td>1td>
tr>
table>
body>
html>
效果
九宫格表格案例
代码
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
<table border="1" bgcolor="red">
<tr>
<td>1td>
<td>2td>
<td>3td>
tr>
table>
<table border="1" bgcolor="green">
<tr>
<td>4td>
<td>5td>
<td>6td>
tr>
table>
<table border="1" bgcolor="blue">
<tr>
<td>7td>
<td>8td>
<td>9td>
tr>
table>
body>
html>
效果