如何制作一个html项目

如何制作一个html项目？就是怎么把html和CSS一起使用，我试着放在一个文件夹里都没用。

可以参考我下面这个，记得把文件名字改一下CSS文件叫class.css，才能运行
CSS


#tab tr td{
    text-align: center;    
}
#tab tr th{
    text-align:left;    
    height: 60px;
}
#tab{table-layout: fixed;
background-color: yellow;
border-spacing: 20px 20px;
}
#img{vertical-align:text-bottom;}

HTML

 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="class.css" /><!--外部样式表链接-->
    <style>
    img{width:90px;height:30px;}
    </style>
    </head>
    <body>
        <div style="background-color: yellow;width: 402px;" >
            <table id="tab0" borderframe=void width="100%" height="40" align="left">
                <tr><td align="left"><img src="photo.jpg"></td>
                </tr>
            
            <table id="tab" border="1" width="400px" height="400px">
            
                <tr>
                    <th bgcolor="white" colspan="4"></th>
                </tr>
                
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>+</td>
            
                </tr>
                <tr>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                    <td>-</td>
                 
                </tr>
                <tr>
                    <td>7</td>
                    <td>8</td>
                    <td>9</td>
                    <td>*</td>
                
                </tr>
                <tr>
                    <td>0</td>
                    <td>+</td>
                    <td>CE</td>
                    <td>/</td>
                
                </tr>
        </table>
    </tab

呃，在开发工具里面，直接写代码就好了