鱼C论坛

 找回密码
 立即注册
12
返回列表 发新帖
楼主: 不二如是

[庖丁解牛] 0 0 1 4 - head元素之#五壮士

[复制链接]
发表于 2017-4-29 21:59:07 | 显示全部楼层
<base targe="_blank">
我加了这句页面,点下面链接的时候,没有创建出新的窗口呢。。。

微信截图_20170429215553.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-5-8 16:25:59 | 显示全部楼层
本帖最后由 lyzklkl 于 2017-5-8 16:28 编辑

不知道为什么,我的图片不能加载在文字中间
交作业,最近好久没上过鱼C了,都是为了工作上的那点事,感觉很对不去老二老师

我在打算写作业的时候打算将老二老师的头像弄下来,
然后就做了这样的尝试
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>llyxz</title>
        <base href="http://bbs.fishc.com/template/dreambred_c_apple/images/common/">
        <base target="_blank">
</head>

<body>
<img src="midavt_shadow.gif">
<p>
        "其实显示的是这个图片 (bbs.fishc.com/template/dreambred_c_apple/images/common//midavt_shadow.gif)"
</p>

</body>
</html>

但是发现显示的居然是一个白色的条条
图片1



感觉对啊
熟悉老二老师的大家应该知道人家的头像是这样的
图片2


然后我就查找问题
图片3



在网上看到的说是php动态网页,搞了半天我也不懂
所以我就暂时不搞了,感觉这个东西跨度有点大

---------------------------承上启下---------------------------

没办法,我就开始做了第二份作业
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>llyxz</title>
        <base href="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/">
        <base target="_blank">
</head>
<body>
<img src="bd_logo1_31bdc765.png">
<p>显示的是百度logo</p>
<p>网址是https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png</p>
<p>可以理解成在(https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/)这个文件夹中显示(bd_logo1_31bdc765.png)这张图片</p>
</body>
</html>

终于这次的正常了
图片4



最后我有一个问题要问老二老师,这个地方加“/”有什么意义呢
图片5



我这里不用加斜杠也正常





求解T.T





                       (我发现我最近脑子有点笨)
1.png
2.png
3.png
4.png
5.png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-5-8 22:02
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-5-8 22:02:05 | 显示全部楼层
lyzklkl 发表于 2017-5-8 16:25
不知道为什么,我的图片不能加载在文字中间
交作业,最近好久没上过鱼C了,都是为了工作上的那点事,感觉 ...


信息量好大。。。

</>,代表标签结尾,记住就好
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-5-10 11:11:35 | 显示全部楼层
不二如是 发表于 2017-5-8 22:02
信息量好大。。。

,代表标签结尾,记住就好

谢谢老二老师老大
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-5-10 11:36:10 | 显示全部楼层
lyzklkl 发表于 2017-5-10 11:11
谢谢老二老师老大


你确定这不是一句读起来没问题的语句吗

以后叫“二老湿”!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-7 23:47:32 | 显示全部楼层
本帖最后由 MSK 于 2017-7-7 23:49 编辑

交!作!业!
<!doctype html>html
<html>
    <head>
        <title>标题</title>
        <meta charset='utf-8'>
        <style text='text/css'>
            html{
                height:100%;
                width:100%;
            }
            body{
                position:relative;
            }
        </style>
        <base href='http://img4.imgtn.bdimg.com/it/' />
    </head>
    <body>
        <div id='img_test'>
            <img src='u=768106160,4208866998&fm=26&gp=0.jpg'>
            <p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准URL, 浏览器将在如下地址寻找图片</p>
            <p>http://img4.imgtn.bdimg.com/it/u=768106160,4208866998&fm=26&gp=0.jpg</p>
        </div>
    </body>
</html>

turtle_看图王.png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-7-8 05:58

评分

参与人数 1鱼币 +5 收起 理由
不二如是 + 5 加油~

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-13 07:28:40 | 显示全部楼层
继续学习!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-1-22 14:48:06 | 显示全部楼层
<!doctype html>
<html>
        <head>
                <meta charset="utf-8">
                <title>易改乌江水鱼C学习</title>
                <link href="yucxue.css" rel="stylesheet">
                <base href="http://bbs.fishc.com/template/damei_z14/image/" />
                <base target="_blank" />
        </head>
        <body>
                <div id="ha">
                        <h1>易改乌江水爱鱼C</h1>
                        <p>WWW.FishC.com</p>
                        <a href="http://bbs.fishc.com/thread-81259-1-1.html" id="pao_js">HTML5-庖丁解牛-0009</a>
                        <a href="http://bbs.fishc.com" id="bbs_js">
                                <img src="logo.png">
                        </a>
                </div>
                <script src="yucxue.js"></script>
        </body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-2-1 14:20:43 | 显示全部楼层
MSK 发表于 2017-7-7 23:47
交!作!业!

你的代码第6行有问题
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-9 15:49:24 | 显示全部楼层
交作业,上女神
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>五壮士</title>
<base  />
<base target="_blank" />
</head>

<body>
<img src="https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/
sign=4c70a180912397ddc274905638ebd9d2/d31b0ef41bd5ad6ef48cfc8d81cb39dbb6fd3c5b.jpg">
<br />
<p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在head部分规定了一个基准的URL,浏览器将在如下地址寻找图片:</p>
<p>https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/
sign=4c70a180912397ddc274905638ebd9d2/d31b0ef41bd5ad6ef48cfc8d81cb39dbb6fd3c5b.jpg"</p>
</body>
</html>
360截图20180309154913182.jpg
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-14 15:36:58 | 显示全部楼层
360截图-69993234.png
360截图-70050046.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-6-23 13:55:47 | 显示全部楼层
162555abzymeuulecc9cnx.png 我也有这个问题,没有“/”也可以运行
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-7-17 13:58:08 | 显示全部楼层
叫作业!
<!DOCTYPE html>
<html manifest="first_cache.manifest">
<head>
        <meta charset="utf-8">
        <title>666</title>
        <base >
        <base target="_blank">
</head>
<body>
        <img src="30_avatar_big.jpg">
        <p>老师头像嘻嘻^_^</p>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-14 09:40:07 | 显示全部楼层
<!doctype>
<html>

<head>
    <meta charset="utf-8">
    <title>五壮士学习</title>
    <base href="http://xxx.fishc.com/forum/201612/05/">
    <base target="_blank">
</head>

<body>
    <img src="164019axvzvv9wwoxsxmam.gif">
    <br>
    <p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:</p>
    <p>"http://xxx.fishc.com/forum/201612/05/164019axvzvv9wwoxsxmam.gif"</p>
</body>

</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-3-28 10:28:20 | 显示全部楼层
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>测试调用图片</title>
        <base />
        <base target="_blank">
</head>
<body>
        <img src="image/FishC.png" />
        <br>
        <p>实际显示为[img]https://man.ilovefishc.com/html5/image/FishC.png[/img]</p>
        <br>
        <img src="https://man.ilovefishc.com/html5/image/FishC.png">
        
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-3-28 10:37:49 | 显示全部楼层
本帖最后由 phszhuli 于 2019-3-28 10:42 编辑

有个问题想问一下,html中base常用吗?都是在什么场景下用的?
base是调用URL下的img文件下的图片,但是我不明白会在什么情况下要调用其他URL下的图片
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-8-12 11:41:12 | 显示全部楼层
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>闪闪の头像</title>
        <base href="https://fishc.com.cn/ucenter/">
        <base target="_blank">
        <style type="text/css">
                html{
                        height: 100%;
                        widows: 100%;
                }
                body{
                        position: relative;
                }
        </style>
</head>
<body>
        <div id="base_img_test">
                <img src="avatar.php?uid=407932&size=big">
                <p>2L的头像其实是基于这个URL寻找的</p>
                <p>https://fishc.com.cn/ucenter/avatar.php?uid=407932&size=big</p>
        </div>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-8-16 17:17:42 | 显示全部楼层
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <base href="http://xxx.fishc.com/forum/201612/05/">
        <base target="_blank">
        <tittle>五壮士学习</tittle>
    </head>

    <body>
        <img src="164019axvzvv9wwoxsxmam.gif" /><br />
        <p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:</p>
        <p>"http://xxx.fishc.com/forum/201612/05/164019axvzvv9wwoxsxmam.gif"</p>
    </body>
</html>
Snipaste_2020-08-15_13-44-34.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-9-28 08:24

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表