学习HTML与PHP的关系,html属性标签和PHP框架的用途---2018年8月15日13点25分

一、学习PHP为什么必须要掌握HTML?

因为PHP是动态生成html页面的语言，PHP代码的运行结果就是html，所以学习php之前就要先掌握html使用。

二、2.为什么选择PHP开发动态网站？

除了PHP能开发网站，还有JAVA，python,asp...等，选择PHP进行动态网站开发是因为PHP开发效率高。

<h1>,<p> 实例

实例

<style type="text/css">
    p{
        color:red;
    }
    p:hover{
        background-color:#ccc;
    }
</style>
<h2>购物清单1</h2>
    <p>牛奶</p>
    <p>苹果</p>
    <p>电风扇</p>

<ul>,<li> 列表实例

实例

    <!--对于多个具有关联性的内容，应该使用ul列表标签来包装-->
    <style type="text/css">
        ul{
            border:1px solid #ccc;
            width:400px;
        }
        ul li:hover{
            background-color:#ddd;
        }

    </style>
    <h2>购物清单2</h2>
    <ul>
        <li>牛奶</li>
        <li>苹果</li>
        <li>电风扇</li>
    </ul>

<table><tr><th><td><img><a> 实例

实例

<!--如果要对一组相关的事物具体描述，应该使用table表格标签-->
    <style type="text/css">
        table {
            width:700px;
            text-align:center;
            margin:20px auto;
            border-collapse:collapse;
        }
        table caption {
            font-size:3rem;
            font-weight:bolder;
            color:#666;
            margin-bottom:20px;h
        }
        table,th,td {
            border:1px solid #666;
        }
        table tr:first-child{
            background-color:lightgreen;
        }
        table tr:hover {
            background-color: #efefef;
            color:coral;
        }
        table tr td img {
            padding:5px;
            border-radius:10px;
        }
        table tr td a {
            text-decoration-line:none;
            width:140px;
            height:140px;
            padding:5px;
            border:1px solid black;
            background-color:white;
            color:black;
            border-radius:8px;

        }
        table tr td a:hover {
            background-color:black;
            color:white;
        }
    </style>
    <table>
        <caption>购物清单3</caption>
        <tr>
            <th>编号</th>
            <th>名称</th>
            <th>牌子</th>
            <th>数量</th>
            <th>样图</th>
            <th>操作</th>
        </tr>
        <tr>
            <td>1</td>
            <td>牛奶</td>
            <td>伊利</td>
            <td>一箱</td>
            <td><img src="https://music.163.com/style/web2/img/down/b1.jpg" alt="" width="100"></td>
            <td><a href="#">点击购.买 </a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>苹果</td>
            <td>红富士</td>
            <td>3近</td>
            <td><img src="https://music.163.com/style/web2/img/down/b1.jpg" alt="" width="100"></td>
            <td><a href="#">点击购.买 </a></td>
        </tr>
        <tr>
            <td>3</td>
            <td>电风扇</td>
            <td>美的</td>
            <td>1台</td>
            <td><img src="https://music.163.com/style/web2/img/down/b1.jpg" alt="" width="100"></td>
            <td><a href="#">点击购.买 </a></td>
        </tr>
    </table>

课堂笔记

   一、学习PHP为什么还要学习html?

       前端开发主要是指静态页面的编写，主要用到三个工具：HTML,CSS,javaScript
       后端也要服务端，运行在服务器环境中。

       总结：
       前端html代码。由浏览器负责解析并执行；
       后端代码，例如：PHP。由服务器上的特殊程序来运行。

       PHP是用来干什么的？
       PHP就是用来动态生成HTML代码的。
       因为PHP程序的运行结果就是HTML，所以要学好HTML。


   二、我们为什么要选择PHP作为后端开发？

       除了PHP，还有JAVA，python,asp...
       PHP流行的原因：上手快，开发快，迭代(更新)快。


   三、为什么用PHP框架开发项目？

       PHP可以进行原生开发，是唯一可以嵌入html代码的脚本语言。
       使用PHP框架开发是为了统一规范，日后维护快捷方便。

       国产PHP框架：ThinkPHP 5.1.20
       国外PHP框架：laravel 5.6
       框架就是生.产.力，就是开发规范。

----------------------------------------------------------------------


   1.  html文档什么都不写行不行？
       行，浏览器会自动生成，但极不推荐。

   2.  双标签，如果没有正确关闭，浏览器会自动添加关闭标签。写代码务必写全闭合。
       描述文本的时候用双标签，用属性引入外部资源的时候用单标签。

   3.  元素是页面中要展现的内容，元素分为可见和不可见的元素。元素是用html标签来表示的。

   4.  重点：标签是工具，标签是武器，标签与语义相关联。对SEO搜索引擎极其重要。
       标签是用来描述元素的工具。

   5.  属性就是用来描述标签的。
       标签属性分为公共属性和私有属性
       四大公共属性：style:内联样式，ID：标识唯一元素，class:标识同类，title:提示信息。

   6.  双标签和单标签的区别

       非可替换元素：就是直接写在html代码中，主要是文本，然后由浏览器直接渲染出来：h1 p li a
       可替换源码：来自源码的外部，通过标签的属性引入。图片，视频，音频 ，文件：link,script,img