part1 html

<!DOCTYPE html>

<html></html>

<head></head>

<title></title>

<body></body>

<p></p>

<h1></h1>...<h3></h3>...<h6></h6>

<a href="kyunsmile.github.io">香雪帘栊</a>

<img src="url"/>

part2 list

<ol>

    <li></li>

    <li></li>
    
</ol>

<ul></ul>

20150409

part3 style

<!--     -->

<h1 style=""></h1>

color: green/red/brown...

font-size:16px

 font-family: Arial

background-color: red

text-align:center/left/right

<strong></strong>

<em></em>

20150410

part4 table

<table style="border-collapse:collapse;">

<thead>
    <tr style="border-bottom:1px solid black;">
        <th colspan="2"></th>
    </tr>
</thead>

<tbody>
<tr>
    <td></td>
</tr>
</tbody>

</table>

表格项中也可以填充图片

part5 div$pan

<div></div>  division your page into containers

<div style="width:50px; height:1000px; background-color:yellow"></div>

<span></span>  control styling for smaller parts of your page

<p>This text is black, except for the word <span style="color:red">red</span>!</p>

front-family:impact