Isaac_Newt0nn 2023-05-29 13:34 采纳率: 75%
浏览 41
已结题

如何制作一个html项目

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

  • 写回答

2条回答 默认 最新

  • 码银 Python领域新星创作者 2023-05-29 13:42
    关注

    可以参考我下面这个,记得把文件名字改一下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
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 5月30日
  • 已采纳回答 5月29日
  • 创建了问题 5月29日