html1練習

<html>
<head>
<link rel="stylesheet" href="web1.css">
</head>
<body>
<p><h1>努力啦</h1></h1></p>
<p><strong>無序列表</strong></p>
<ul>
<li>傻X</li>
<li>雖然下雪了</li>
<li>可是仍是冷</li>
<li>折騰本身</li>
<li>若是沒有若是</li>
</ul>
<p><strong>有序列表</strong></p>
<ol>
<li>傻X</li>
<li>雖然下雪了</li>
<li>可是仍是冷</li>
<li>折騰本身</li>
<li>若是沒有若是</li>
</ol>
<div>
<ul>
<li><h3><span>個人網站</span></h3></li>
<ul>
<li><h3><span>一級菜單</span></h3></li>
<ul>
<li><h3><span>二級菜單</span></h3></li>
<li><h3><span>二級菜單</span></h3></li>
</ul>
</ul>
</ul>
</div>
</body>
</html>

<table border="2">
<thead>
<th>內容</th>
<th>圖標</th>
<th>時長</th>
</thead>
<tr>
<td>python</td>
<td><img src= "a.png" alt=""></td>
<td>30小時</td>
</tr>
<tr>
<td>html</td>
<td><img src="a.png" alt=""></td>
<td>20小時</td>
</tr>
<tr>

<td>java</td>
<td><img src="a.png" alt=""></td>
<td>40小時</td>
</tr>
</table>
##############CSS FILE################
    h1{
color :red;
}
p{
    color:yellow;
}

li{
    color:blue;

}
body{
    background-color:black;
}

div{
    background-color:orange;
    border-color:blue;
    border-width:4px;
    border-style:double;

}
span{
    background-color:green;

}
th{
    color:white;
}
td{
    color:white;
}

html1練習

相關文章
相關標籤/搜索