<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>
网页上的宽高都是以像素为单位“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对应.
内外部调用就用{ }
外部调用:
<link rel="stylesheet" type="text/css" href=" 调用路径 " />
例:
<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
调用内容:
<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>
网友评论