<ul>
<li></li>
</ul>
無序列表
<ol>
<li></li>
</ol>
有序列表
<dl>
<dt></dt>
<dd></dd>
</dl>
自定義列表
<!--文字--> 注釋標簽
<table>
<tr>
<td></td>
</tr>
</table>
表格標簽(郵件營銷可以使用)
Tr是橫
Td是列
例:
<body>
<div style="border:#000000 1px solid;solid width:900px;float:left;">
? ? <div style="border:#000000 1px solid;width:300px;height:100px;float:left;"></div>
? ? <div style="border:#000000 1px solid;width:596px;height:100px;float:left;"></div>
? ? <div></div>
? ? <div></div>
<div>
? ? <div></div>
? ? <div></div>
? ? <div></div>
</div>
<div></div>
</div>
網(wǎng)頁上的寬高都是以像素為單位“px”
Style;樣式
Border;邊線
Solid ;固體(表格屬性必加)
Width;寬
Height;高
float:left;左浮動標簽
例:
<html>
<head>
<title>妙芬</title>
<style>
.dhz{border:#000000 1px solid; width:900px;float:left;}
.h1{border:#000000 1px solid;width:300px;height:100px;float:left;}
.h2{border:#000000 1px solid;width:596px;height:100px;float:left;}
.h3{border:#000000 1px solid;width:898px;height:50px;float:left;}
.h4{border:#000000 1px solid;width:898px;height:300px;float:left;}
.h567{width:500px;height:500px;float:left;"}
.h5{border:#000000 1px solid;width:248px;height:248px;float:left;}
.h7{border:#000000 1px solid;width:498px;height:248px;float:left;}
.h8{border:#000000 1px solid;width:398px;height:500px;float:left;}
</style>
</head>
<body>
<div class="dhz">
<div class="h1"></div>
<div class="h2"></div>
<div class="h3"></div>
<div class="h4"></div>
<div class="h567">
? <div class="h5"></div>
? <div class="h5"></div>
? <div class="h7"></div>
</div>
<div class="h8"></div>
</div>
</body>
</html>
Id對應#
Class對應.
內(nèi)外部調(diào)用就用{? }
外部調(diào)用:
<link rel="stylesheet" type="text/css" href=" 調(diào)用路徑? " />
例:
<html>
<head>
<title>妙芬</title>
<link rel="stylesheet" type="text/css" href="E:/妙芬/妙芬.css" />
</head>
<body>
<div class="dhz">
<div class="h1"></div>
<div class="h2"></div>
<div class="h3"></div>
<div class="h4"></div>
<div class="h567">
? <div class="h5"></div>
? <div class="h5"></div>
? <div class="h7"></div>
</div>
<div class="h8"></div>
</div>
</body>
</html>
路徑:妙芬.css
調(diào)用內(nèi)容:
<style>
.dhz{border:#000000 1px solid; width:900px;float:left;}
.h1{border:#000000 1px solid;width:300px;height:100px;float:left;}
.h2{border:#000000 1px solid;width:596px;height:100px;float:left;}
.h3{border:#000000 1px solid;width:898px;height:50px;float:left;}
.h4{border:#000000 1px solid;width:898px;height:300px;float:left;}
.h567{width:500px;height:500px;float:left;"}
.h5{border:#000000 1px solid;width:248px;height:248px;float:left;}
.h7{border:#000000 1px solid;width:498px;height:248px;float:left;}
.h8{border:#000000 1px solid;width:398px;height:500px;float:left;}
</style>