实战html

软件开发的行业发展

推荐大家学习PHP\java\python

HTML是web软件开发基础

html的基本模型

<!DOCTYPE html>
        <html>
            <head>
                <meta charset="utf-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1">
                <title></title>
            </head>
            <body>
                
            </body>
        </html>

如果你的扩展名一直感觉不对,可能是因为你的系统隐藏了拓展名

如何显示拓展名

html一些基本标签

标题、段落、空格、一条横线、超链接,图片

表格与合并表格

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表格</title>
    </head>
    <body>
        <table border="1">
            <!-- 第一行 -->
            <tr>
                <td>第一行第一列</td>
                <td>第一行第二列</td>
            </tr>
            <tr>
                <td>第二行第一列</td>
                <td>第二行第二列</td>
            </tr>
        </table>
        <hr>
        <table border="1">
            <thead>

                <tr>
                    <th>你好</th>
                    <th>你好</th>
                    <th>你好</th>
                    <th>你好</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>我好</td>
                    <td>都好</td>
                    <td>都好</td>
                    <td>都好</td>
                </tr>
                <tr>
                    <td>我好</td>
                    <td>都好</td>
                    <td>都好</td>
                    <td>都好</td>
                </tr>
                <tr>
                    <td>我好</td>
                    <td>都好</td>
                    <td>都好</td>
                    <td>都好</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>都好</td>
                    <td>都好</td>
                    <td>都好</td>
                    <td>都好</td>
                </tr>
            </tfoot>
        </table>
        <hr>
        <h1>合并单元格</h1>
        <hr>
        <table border="1">
            <thead>

                <tr>
                    <th colspan="4">你好</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>我好</td>
                    <td>都好</td>
                    <td>都好</td>
                    <td>都好</td>
                </tr>
                <tr>
                    <td>我好</td>
                    <td rowspan="2" colspan="2">都好</td>
                    <td>都好</td>
                </tr>
                <tr>
                    <td>都好1</td>
                    <td>都好4</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="4">都好</td>
                </tr>
            </tfoot>
        </table>

    </body>
</html>

相对路径和绝对路径

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>T2</title>
    </head>
    <body>
        <h4>相对路径和绝对路径</h4>
        <p>绝对路径:在北京给我们团队写信,信件的地址:湖北省XX市XX区X软件园X座18楼xxxx室:张三收</p>
        <p>如果我们现在就在软件园,李四帮王五带一封文件给张三丰,我们只需要说把文件送到18楼xxxx</p>
        <p>如果都在18楼,现在直接说把文件送到1号房就可以了</p>
        <p>相对路径是相对于被执行者的。比如我们要让李四带文件,那么就是相对于李四的位置,先找一个参照地点</p>
        <p>程序是来源于生活,然后高于生活的,是为了解决生活中的实际问题</p>
        <h4>计算机中的相对路径和绝对路径</h4>
        <p>绝对路径就是从硬盘的盘符开始找,直到文件本身的路径</p>
        <p>index.html的绝对路径:E:\admin\index.htm</p>
        <img src="F:/php/admin/img/cloud.jpg" >
        <img src="img/cloud.jpg" >

        </body>
</html>

../表示当前文件的上一级目录

/表示根目录

../../表示上两级目录

发布了12 篇原创文章 · 获赞 4 · 访问量 4635

猜你喜欢

转载自blog.csdn.net/sddzlsc/article/details/89633696
今日推荐