博客列表 >php介绍及html本质核心—2018年8月14日20时00分

php介绍及html本质核心—2018年8月14日20时00分

疯狂石头的博客
疯狂石头的博客原创
2018年08月15日 14:50:17737浏览
  1. 学习PHP为什么必须要掌握HTML?

           php,即“超文本预处理器”,就是在服务器端运行的可以嵌入HTML的脚本语言,通过对php的解析器对php代码进行解析,转化成浏览器能看懂的html代码,其根本目的就是使html代码动态显示在客 户端上。由此可见php与html密切相关,所以我们学习php必须要学习html。

  2. 为什么选择PHP开发动态网站?

          因为php开发快、上手快、迭代快,所以选择php来开发动态网站,而且php可以进行原生开发,可以进行框架开发,框架开发能更好的规范代码。时间就是生命。

    实例

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <style>
        * {
            text-decoration: none;
        }
    
        table {
            width: 700px;
            text-align: center;
            margin: 20px auto;
            border-collapse: collapse;
        }
    
        caption {
            font-size: 3rem;
            /*1rem=10px*/
            font-weight: bolder;
            color: #666;
            margin-bottom: 20px
        }
    
        th {
            padding: 10px 0 10px 0;
        }
    
        table,
        th,
        td {
            border: 1px solid #666;
        }
    
        table tr:first-child {
            background-color: #b2edd6;
        }
    
        table tr:hover {
            background-color: #dce6e4;
        }
    
        img {
            border-radius: 20%;
        }
    
        button {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            font-size: 15px;
            cursor: pointer;
            transition: box-shadow,background-color 0.4s,0.3s; 
        }
        button:hover {
        box-shadow: 0 6px 10px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }
        button:active {
            background-color: #dd966a;
        }
    
    </style>
    
    <body>
        <table>
            <caption>换手机计划</caption>
            <tr>
                <th>排 名</th>
                <th>品 牌</th>
                <th>型 号</th>
                <th>缩 略 图</th>
                <th>投 票</th>
            </tr>
            <tr>
                <td>1</td>
                <td>Apple</td>
                <td>i phone x</td>
                <td> <img src="//g-search1.alicdn.com/img/bao/uploaded/i4/TB1nYk_aGLN8KJjSZFGXXbjrVXa.jpg_180x180.jpg_.webp" width="100px" ;> </td>
                <td><button>投上一票</button> </td>
            </tr>
            <tr>
                <td>2</td>
                <td>华为</td>
                <td>荣耀10</td>
                <td><img src="https://img.alicdn.com/imgextra/i4/2215302589/TB2erJca6bguuRkHFrdXXb.LFXa_!!2215302589.jpg_430x430q90.jpg" width="100px"></td>
                <td><button>投上一票</button> </td>
            </tr>
            <tr>
                <td>3</td>
                <td>华为</td>
                <td>nova3</td>
                <td><img src="https://img.alicdn.com/imgextra/i1/2838892713/TB2akPHlOQnBKNjSZFmXXcApVXa_!!2838892713.jpg_430x430q90.jpg" width="100px">
                    <td><button>投上一票</button> </td>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>小米</td>
                <td>小米8</td>
                <td><img src="//g-search3.alicdn.com/img/bao/uploaded/i4/TB1319dicj_B1NjSZFHXXaDWpXa.jpg_180x180.jpg_.webp" width="100px">
                    <td><button>投上一票</button> </td>
                </td>
            </tr>
    
        </table>
    
    
    </body>
    
    </html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

ScreenShot_20180815143159.png

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议