实战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>

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

/表示根目录

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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值