表严肃

表严肃 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑

你好世界。

个人动态

表严肃 发布了文章 · 2016-10-03

img标签-HTML5精讲 课时ID:6.9 【表严肃】#HTML教程 #HTML5教程 #img标签

6.9 <img>标签-HTML5精讲 课时ID:6.9 【表严肃】#HTML教程 #HTML5教程 #img标签


<img>用于定义网页中的图片

<html>
    <body>
        <img data-original="http://ww2.sinaimg.cn/mw690/006aIBkCjw1f8fchbk799g306807775k.gif">
    </body>
</html>

alt text

其中srcsource)是<img>标签的一个属性,用于指定图片的地址。

<img> 不允许存在结束标签,以下的写法是有误的:

        <img data-original="..."></img>

为什么?因为<img>不能存在子标签,所以无法作为容器存在,结束标签便没有意义了。
没有空间的杯子只是个玻璃块,盖子完全没有意义。

<img>支持的所有的常用图片格式: .gif.jpg.png.svg...

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.9

Tips:

  • 一张网页可有多个<img>标签

  • <img>标签没有结束标签

  • <img>不能存在子标签

查看原文

赞 0 收藏 2 评论 0

表严肃 发布了文章 · 2016-10-02

a标签-HTML5精讲 课时ID:6.8 【表严肃】#HTML教程 #HTML5教程 #a标签

6.8 <a>标签-HTML5精讲 课时ID:6.8 【表严肃】#HTML教程 #HTML5教程 #a标签


<a>用于定义网页中的链接,链接也叫做锚或锚链接,而<a>即是anchor(锚)的缩写。
例如,要定义一个跳转到百度的链接可以这样写:

<html>
    <body>
        <a href="http://baidu.com">点击测试网络</a>
    </body>
</html>

其中href<a>标签的一个属性,用于制定跳转的目标地址,此处要注意语法,
href之后有等号,地址要写在等号右边,其值最好用引号包住(考虑到值有可能存在空格的情况)。

链接默认在当前页面打开,如果想在新标签页打开可以将target属性指定为_blank

<html>
    <body>
        <a href="http://baidu.com" target="_blank">点击测试网络</a>
    </body>
</html>

target属性的默认值是_self,也就是在当前页面打开。

<a>中可以存在子元素,其子元素也会作为链接的一部分,图片链接便是通过这种特性实现的:

<html>
    <body>
        <a href="http://baidu.com" target="_blank">
            <img data-original="http://ww2.sinaimg.cn/mw690/006aIBkCjw1f8e693flooj30f0076jr7.jpg">
        </a>
    </body>
</html>

alt text

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.5

Tips:

  • 一张网页可有多个<a>标签

  • 并不是所有的标签有href属性

  • <a>是行内元素(与文字表现类似,可以跟随文字流动)

  • <a>中可以存在子元素,其子元素也会作为链接的一部分。

查看原文

赞 0 收藏 2 评论 0

表严肃 发布了文章 · 2016-10-02

div标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签#

6.7 <div>标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签


是什么

<div>是用于在网页中划分区域的(division的缩写),通常作为容器而存在,用于包含网页中的内容,
是最常用的网页元素之一。

怎么用

<html>
    <body>
    <div>你好,我是序员。</div>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        你是个好人。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <mmp>简单点。套路的方式简单点。</mmp>
    </body>
</html>

<div>的特点是非常纯粹,在没有明确指定的情况<div>下没有边框,没有填充,没有边距,完全透明,在标签中没有内容的情况下高度为零,完全不可见,它的高度随身体里的内容而定,内容多就高内容少就低,可以说<div>是个完美的容器,想象一个完全透明、没有质量、体积为零但容积自由伸缩无限、质量还极好的塑料袋,<div>就是个这样的存在。

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.7

Tips:

  • 一张网页可有多个<div>标签

  • <div>是块级元素(默认宽度是100%)

  • <div>中可以存在子元素。

查看原文

赞 0 收藏 2 评论 0

表严肃 发布了文章 · 2016-09-30

p标签-HTML5精讲 课时ID:6.6 【表严肃】#HTML教程 #HTML5教程 #<p>标签

6.6 <p>标签-HTML5精讲 课时ID:6.6 【表严肃】#HTML教程 #HTML5教程 #p标签


是什么

<p>是段落标签(paragraph的缩写),用于给文字划分段落,一组<p>元素为一个段落

怎么用

比如一篇文章,如果需要三个段落可以这样写:

<html>
    <body>
        <p>
            很久以前,那还是我用win98的时候有次我系统崩溃了,因为我是电脑白痴,我朋友给我介绍了一个高手来帮我修电脑。
            他看了一下电脑,问我有没有98的盘,我说没有。
        </p>
        <p>
            他想了一下,叫我把固定电话拿给他,我想修电脑要电话干什么,但人家是高手,我也不好说什么,就把电话拔下来给他了。
        </p>
        <p>
            他把电话线空着的一头接在电脑的一个插孔内,然后进入了dos,然后就开始在电话上不停地按着键,他按键的速度非常快,但是只按0,1两个键,我搞不
            懂这有什么用,但也不敢问,看了半个多小时,他还是不停地按这两个键,我渐渐地有些困,我问他这东西要搞多久,他说要几个小时,我给他倒了杯茶,就一个人 去隔壁睡觉了。
        </p>
        <p>
            醒来的时候,一看已经过了4个多小时,我起身到隔壁,看见他正在98里面调试,过了一会儿,他说,你试试,我坐上椅子用了一下,真的好了,我当时也不
            懂电脑,谢过,人家就走了。后来我慢慢对电脑有了了解,终于了解,原来当时那位高手是用机器语言编了一个98系统,我后来问我朋友那位高手的下落,我朋友 说前几年去了美国之后,杳无音讯……
        </p>
    </body>
</html>

补充

  • 一张网页可有多个<p>标签。

  • <p>中可以存在子元素。

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:http://biaoyansu.com/6.6

Tips:

  • 一张网页可有多个<p>标签。

  • <p>中可以存在子元素。

查看原文

赞 1 收藏 1 评论 0

表严肃 发布了文章 · 2016-09-29

h1~h6标签-HTML5精讲 课时ID:6.5 【表严肃】#HTML教程 #HTML5教程 #标题标签

6.5 <h1>~<h6>标签-HTML5精讲 课时ID:6.5 【表严肃】#HTML教程 #HTML5教程 #标题标签


<h1>,你不是一个人。

是什么

<h1><h2><h3><h4><h5><h6>都是标题标签,用于概括页面中的部分的内容,其中<h1>最大,<h2>其次,依次类推,没有<h7>

head-tag

怎么用

<html>
    <body>
        那王总您还有要说的吗?
        <h1>那我简单讲两句,主要是三个意思:</h1>

        <h2>第一点</h2>
        <h3>...</h3>
        <h3>...</h3>

        <h2>二一个呢是...的问题</h2>
        <h3>...</h3>
        <h3>...</h3>

        <h2>再一个呢是...的问题</h2>
        <h3>...</h3>
        <h3>...</h3>

        <h2>还有呢是...</h2>
        <h3>...</h3>
        <h3>...</h3>

        <h2>最后呢是..</h2>
        <h3>...</h3>
        <h3>...</h3>

        <h2>补充一下昂..</h2>
        <h3>...</h3>
        <h3>...</h3>

        <h2>对,我刚想起来,还有..</h2>
        <h3>...</h3>
        <h3>...</h3>
    </body>
</html>

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:http://biaoyansu.com/6.5

Tips:

  • 一张网页建议只写一个<h1>标签。

  • <h1>中可以存在子元素。

查看原文

赞 0 收藏 1 评论 1

表严肃 发布了文章 · 2016-09-28

title标签-HTML5精讲 课时ID:6.4 【表严肃】#HTML教程 #HTML5教程 #title标签

6.4 <title>标签-HTML5精讲 课时ID:6.4 【表严肃】#HTML教程 #HTML5教程 #title标签


是什么

<title>标签用于指定浏览器标签上显示的标题,是个概括整张网页的存在,如:

Google-title

Taobao-title

怎么用

例子中<title>的写法为:

<html>
    <head>
        <title>淘宝网 - 淘! 我喜欢</title>
    </head>
</html>

注意

  • <title>中只可包含文本,若是包含标签,则包含的任何标签都会按源代码显示(浏览器不解释)。

  • 对搜索引擎来说<title>信息的重要性是无与伦比的,所以<title>中的信息要尽可能简洁准确。

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.4

Tips:

  • 一张网页只能存在一个<title>标签。

  • <title>标签一般存在于<head>标签中。

  • <title>中不能存在子元素。

查看原文

赞 0 收藏 1 评论 0

表严肃 发布了文章 · 2016-09-27

head标签-HTML5精讲 课时ID:6.3 【表严肃】#HTML教程 #HTML5教程 #head标签

6.3 <head>标签-HTML5精讲 课时ID:6.3 【表严肃】#HTML教程 #HTML5教程 #head标签


是什么

把一张网页比作一个人<head>标签就包含了一个人的基础信息,虽然无法直接观察到,但确实存在,
如姓名、人格、取向... <head>用于包含一张网页中抽象的基础信息(元信息)

<head><body>的区别在于<body>只想包含看得见摸得着的内容,如身材、长相、肤色等等,
<head>中只能包含抽象的元信息,并不是说<body>不能包含抽象内容,它可以,只是它不想,
你硬要把抽象内容写进去也勉强行,但它更在乎看得见摸得着的。<head>不要,但<body>很诚实。

怎么用

<html>
    <head>
      姓名:王花花
      年龄:19
      性别:男
    </head>
</html>

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.3

Tips:

  • 不可将可见元素(如:<p>段落、<a>链接)置于<head>中。

  • 一张网页只能存在一个<head>标签。

查看原文

赞 1 收藏 2 评论 0

表严肃 发布了文章 · 2016-09-27

body标签-HTML5精讲 课时ID:6.2 【表严肃】#HTML教程 #HTML5教程 #body标签

6.2 <body>标签-HTML5精讲 课时ID:6.2 【表严肃】#HTML教程 #HTML5教程 #body标签


是什么

把一张网页比作一个人<body>标签就表示一个人所有的可见部分,如五官、四肢、痔疮...
对于真实存在的但是肉眼不可见的部分,如思想、人格、性取向等<body>标签是管不着的。
<body>包含着页面中所有的可见元素,比如链接、段落、图片... <body>是所有的可见元素的先人。

怎么用

<html>
    <body>
        脸
        胸
        腰
        臀
        腿
    </body>
</html>

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.2

Tips:

  • 网页中可见部分的代码,都应该被包含在<body>标签中,如果将可见部分写在<body>
    标签之外大部分浏览器依然可以解析,但是这并不是规范的做法。

  • 一张网页只能存在一个<body>标签。

查看原文

赞 0 收藏 2 评论 0

表严肃 发布了文章 · 2016-09-27

html标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #html标签

6.1 <html>标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #html标签


是什么

如果把网页比作洋葱,一层包一层,那<html>标签就是洋葱最外层的皮,
<html> 元素是一张网页的根元素,所以其他所有元素都是是此元素的后代。

怎么用

很简单,在写任何网页之前先将<html>写在最外面:

<html>
    ...
</html>

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.1

Tips:

  • 无论网页中有多少代码,都应该被包含在<html>标签中,如果网页在<html>
    标签之外还有别的标签,大部分浏览器依然可以解析,但是这并不是规范的做法。

  • 一张网页只能存在一个<html>标签。

  • <html>标签也叫根标签 (Root Tag)根元素 (Root Element)

查看原文

赞 3 收藏 7 评论 1

表严肃 发布了文章 · 2015-08-14

Laravel 5 基础教程 || 3.控制器:任务的分发者 - 表严肃

Laravel 5 基础教程 || 3.控制器:任务的分发者 - 表严肃

教程目录

控制器是个小媒人。

有时候我们发现直接把逻辑写到路由里要不了多久路由就变的及其肥大。

Route::get('/', function()
{
    ...
    ...
    ... // (╯' ')╯╧═╧

})

这个时候怎么办呢?

Controller到!

它一般是这么干活的:

通知Model:你给我准备数据。

通知View:你给我准备模板。

给浏览器返回渲染好的模板。

完工。

比如说我们上一节课的Hello部分就可以使用Controller实现。

Route::get('hello', 'HelloController@sayHello');

突然简洁好多有木有。
第一个传参依然是地址参数,第二个传参为字符串,@之前的指定controller,之后的部分指定此controller所使用的方法。

创建Controller

无论是windows还是unix都可以使用以下命令创建controller:

cd 我的/laravel根目录
php artisan make:controller HelloController

如果返回类似... controller created successfully... 说明controller创建成功,这时候查看/app/Http/Controllers你会发现这个目录多了一个文件HelloController

当然你可以手动创建Controller,但一般情况下用命令完全可以满足需求。

这时HelloController的内容是这样的:

...

class HelloController extends Controller
{
    public function index()
    {
    
    }
    
    ...
}

可以将所有的方法删除,这些方法是artisan为我们创建的(但我好像从来不领情):

...

class HelloController extends Controller
{

}

创建一个方法sayHello:

...

class HelloController extends Controller
{
    public function sayHello($name)
    {
        return 'Hello' . $name . '.';
    }
}

这时的路由规则应为:

Route::get('hello/{name}', 'HelloController@sayHello');

地址栏传参:localhost:8888/hello/LiMing

1

有同学问,如果想让姓名成为可选项,也就是如果有姓名就输出"Hello + 姓名.",但如果没有姓名就直接输出"Hello there."要增么做呢?
在Laravel中可以这么干:

// 路由文件
Route::get('hello'/{name?}', 'HelloController@sayHello');

// 控制器
...

public function sayHello($name=null)
{
    if(!$name)
        return 'Hello there.';
    else
        return 'Hello ' . $name;
}

...

无耻硬广进

无耻硬广出

有问题请在下方评论,/撒花~

教程目录

查看原文

赞 5 收藏 12 评论 8

认证与成就

  • 获得 57 次点赞
  • 获得 2 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 2 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2015-07-21
个人主页被 1.5k 人浏览