鱼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了,都是为了工作上的那点事,感觉很对不去老二老师

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

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

  14. </body>
  15. </html>
复制代码


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



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


然后我就查找问题
图片3



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

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

没办法,我就开始做了第二份作业

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta charset="utf-8">
  5.         <title>llyxz</title>
  6.         <base href="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/">
  7.         <base target="_blank">
  8. </head>
  9. <body>
  10. <img src="bd_logo1_31bdc765.png">
  11. <p>显示的是百度logo</p>
  12. <p>网址是https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png</p>
  13. <p>可以理解成在(https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/)这个文件夹中显示(bd_logo1_31bdc765.png)这张图片</p>
  14. </body>
  15. </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 编辑

交!作!业!

  1. <!doctype html>html
  2. <html>
  3.     <head>
  4.         <title>标题</title>
  5.         <meta charset='utf-8'>
  6.         <style text='text/css'>
  7.             html{
  8.                 height:100%;
  9.                 width:100%;
  10.             }
  11.             body{
  12.                 position:relative;
  13.             }
  14.         </style>
  15.         <base href='http://img4.imgtn.bdimg.com/it/' />
  16.     </head>
  17.     <body>
  18.         <div id='img_test'>
  19.             <img src='u=768106160,4208866998&fm=26&gp=0.jpg'>
  20.             <p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准URL, 浏览器将在如下地址寻找图片</p>
  21.             <p>http://img4.imgtn.bdimg.com/it/u=768106160,4208866998&fm=26&gp=0.jpg</p>
  22.         </div>
  23.     </body>
  24. </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 | 显示全部楼层
  1. <!doctype html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>易改乌江水鱼C学习</title>
  6.                 <link href="yucxue.css" rel="stylesheet">
  7.                 <base href="http://bbs.fishc.com/template/damei_z14/image/" />
  8.                 <base target="_blank" />
  9.         </head>
  10.         <body>
  11.                 <div id="ha">
  12.                         <h1>易改乌江水爱鱼C</h1>
  13.                         <p>WWW.FishC.com</p>
  14.                         <a href="http://bbs.fishc.com/thread-81259-1-1.html" id="pao_js">HTML5-庖丁解牛-0009</a>
  15.                         <a href="http://bbs.fishc.com" id="bbs_js">
  16.                                 <img src="logo.png">
  17.                         </a>
  18.                 </div>
  19.                 <script src="yucxue.js"></script>
  20.         </body>
  21. </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 | 显示全部楼层
叫作业!
  1. <!DOCTYPE html>
  2. <html manifest="first_cache.manifest">
  3. <head>
  4.         <meta charset="utf-8">
  5.         <title>666</title>
  6.         <base >
  7.         <base target="_blank">
  8. </head>
  9. <body>
  10.         <img src="30_avatar_big.jpg">
  11.         <p>老师头像嘻嘻^_^</p>
  12. </body>
  13. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

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

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

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

使用道具 举报

发表于 2019-3-28 10:28:20 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta charset="utf-8">
  5.         <title>测试调用图片</title>
  6.         <base />
  7.         <base target="_blank">
  8. </head>
  9. <body>
  10.         <img src="image/FishC.png" />
  11.         <br>
  12.         <p>实际显示为[img]https://man.ilovefishc.com/html5/image/FishC.png[/img]</p>
  13.         <br>
  14.         <img src="https://man.ilovefishc.com/html5/image/FishC.png">
  15.        
  16. </body>
  17. </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 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>闪闪の头像</title>
  6.         <base href="https://fishc.com.cn/ucenter/">
  7.         <base target="_blank">
  8.         <style type="text/css">
  9.                 html{
  10.                         height: 100%;
  11.                         widows: 100%;
  12.                 }
  13.                 body{
  14.                         position: relative;
  15.                 }
  16.         </style>
  17. </head>
  18. <body>
  19.         <div id="base_img_test">
  20.                 <img src="avatar.php?uid=407932&size=big">
  21.                 <p>2L的头像其实是基于这个URL寻找的</p>
  22.                 <p>https://fishc.com.cn/ucenter/avatar.php?uid=407932&size=big</p>
  23.         </div>
  24. </body>
  25. </html>
复制代码

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

使用道具 举报

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

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-19 19:50

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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