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

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

NiceCode的博客
NiceCode的博客原创
2018年08月22日 14:44:40712浏览

一、学习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





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