HTML与CSS3笔记（12）图片的路径的设置，meta关键字，HTML的语法规范，超链接，一个网页的练习，id属性的设置，内联框架的作用

于 2024-04-13 12:25:58 发布
阅读量575 收藏 5
点赞数 3
文章标签： html css3 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/89480753
版权
本文介绍了HTML中图片路径的设置，包括相对路径的使用，以及如何在不同目录下引用图片。还讨论了meta关键字的作用，用于设置网页元信息。接着讲解了HTML的语法规范，特别是XHTML的特点。内联框架（iframe）的使用和限制也进行了阐述。此外，超链接的创建和目标定位通过a标签实现，包括target属性的用法。最后提到了id属性的唯一性及其在页面导航中的应用，以及发送电子邮件的超链接。
摘要由CSDN通过智能技术生成

图片的 路径，
目前1我们所要使用的路径全都是相对路径，相对于当前资源所在的目录的位置
在这里插入图片描述
把2.gif放在abc的文件夹中的相对路径
abc中新建一个文件夹bcd把图片放在bcd中的相对路径
在这里插入图片描述
可以使用…/返回一级目录
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
将2.gif放在img的文件夹下
在这里插入图片描述
在这里插入图片描述

最低0.47元/天 解锁文章
学习记录wanxiaowan
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
html中css路径和xpath路径,xpath路径表达式与css选择器
weixin_28543661的博客
06-28 938
1、xpath路径表达式1.1、什么是Xpath路径表达式：Xpath即为XML路径语言，它是一种用来(标准通用标记语言的子集)在 HTMLXML 文档中查找信息的语言xpath路径表达式用来在一个web页面中定位、查找元素在自动化测试里，我们只需要知道Xpath是一种元素定位方式即可：xpath使用路径表达式来选取XML/HTML文档中的节点或节点集，这些路径表达式和我们在常规的电脑文件系统中看...
css\html语法详解
最新发布
09-19
在这份“css\html语法详解”中，我们将深入探讨这两个关键领域的基本概念、语法以及常见用法。 HTML是一种标记语言，用于描述网页内容的结构和意义。它的主要任务是组织网页上的文本、图像、链接等元素。以下是一些...
HTML+CSS＜路径的写法＞
m0_61367139的博客
06-22 635
平台：VSCODE 【】站内资源与站外资源 站外资源：非存放在当前网站的资源 站内资源：存放在当前网站的资源 【】绝对路径与相对路径 一、路径的使用： 1、站外资源使用绝对路径访问 2、站内资源既可使用绝对路径亦可使用相对路径访问 二、路径的形式： 1、绝对路径：书写格式（协议名://主机名：端口号/路径）。 *当跳转网页与当前网页所使用的协议一致时，协议的书写可省略(如：https:)。 2、相对路径：相对路径默认以 ./ 开头（当前资源所在的目录），在相对路径中 ../ 的书.
html/css相对路径引用/、../、../../、/..、/../..、同级、下级、标准写法
12-25 1万+
/ 代表根目录，慎用 ../ 代表上一级目录 ../../ 代表上两级目录 /.. 代表下级目录 /../.. 代表下两级目录 标准写法： 同级 直接引用文件名 下级 同级目录/下级目录/文件名
html/css/js各类相对路径引用方法归类
weixin_30293079的博客
05-30 223
/代表根目录; ../代表上一级目录; ../../代表上两级目录; /..代表下级目录; /../..代表下两级目录. 同级直接引用文件名 <img src='katana.jpg'/> 下级同级目录/下级目录/文件名 <img src='bl9u.katana.jpg'/> 　　　　　　　　　　　　 转载于:https://www.c...
html <a>、<css>、<script>中src引用文件的路径问题
热门推荐
郭洋羊羊羊羊的博客
11-04 4万+
在编写web应用的时候，难免会在一个文件中引用外部的文件，例如样式表css文件以及一些脚本js文件，这样做的目的无疑是提高代码的复用率。但是在引用文件时，一定要引用正确的文件路径，不然是访问不到相关文件的。 总结一下，一共有如下几种方式引用相关文件： 前提： 相关目录结构： 方法一：使用相对于当前文件（源文件）的相对路径 这样在页面使用http://localhost
前端第一阶段笔记HTML+CSS
08-15
【HTML与CSS基础】 HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它定义了网页的结构。HTML5是HTML的第五个版本，同时也是前端技术的总称，引入了许多新特性，如语义化标签、离线存储、...
前端css+html+布局笔记
09-14
指向一个外部图片的路径，可以使用相对路径 alt 指定一个在图片无法加载时对图片的描述 搜索引擎主要通过该属性来识别图片的内容 如果不写该属性则搜索引擎会对图片进行收录 width 设置图片的...
html笔记.docx
06-26
* 超链接可以是一个字、一个词、或一组词，也可以是一幅图像。 * 点击超链接可以跳转到新的文档或者当前文档中的某个部分。 CSS 基础知识点： * CSS 是一种样式表语言，用于描述 HTML 元素的样式。 * CSS 语法为：...
HTML基础笔记的整理
03-09
HTML，全称Hyper Text Markup Language，是用于创建网页的标准标记语言。...学习HTML不仅涉及语法和标签的使用，还包括对Web标准的遵循，以及与CSS和JavaScript的协同工作，以实现高质量的网页设计和开发。
HTML引用外部css的路径
Ada_lake的博客
05-08 1万+
HTML引用外部css，其实说简单点就是 href 内填入路径即可 然而今天感觉自己之前都有点。。没引入进来就试出来的赶脚。。。 索性就把情况都归纳一下 1. html,css 在同一文件夹下 直接引用css的名字即可，因为在当前路径之下 2. html,css 在同一文件夹下 ，但！css在该文件夹的子！文件夹下 在引用css的名字前加上子文件夹名字即可，相当于顺着找就能找出这个css ...
html中的meta标签以及图标自定义
huangzhi_的博客
08-07 1397
html中的meta标签以及图标自定义一、html中常用的``标签1、设置网页的编码类型2、设置文档作者的名字3、设置搜索关键字4、设置网站描述二、开发手机端中常用的``标签1、基本配置2、特殊配置2.1、 禁止将数字变成电话号码2.2、 ios私有标签三、自定义图标1、网站选项卡上面的图标2、手机收藏自定义图标 一、html中常用的<meta/>标签 meta标签通常用于设置网页自身的信息 1、设置网页的编码类型 <!--meta标签charset属性，用于设置网页的编码类型-->
meta视口标签和背景图片
lxllxl211的博客
10-23 144
【代码】meta视口标签和背景图片。
html页面中的路径问题(相对路径和绝对路径)
小流
02-27 2万+
一、相对路径 文件结构： ./ 代表文件所在的当前路径，可以省略,为相对路径 &amp;amp;amp;lt;img src=&amp;amp;quot;imgs/logo.png&amp;amp;quot;&amp;amp;amp;gt; 等同于 &amp;amp;amp;lt;img src=&amp;amp;quot;./imgs/logo.png&amp;amp;quot;&amp;amp;amp;g
HTML设置图片
weixin_44543307的博客
02-19 7973
HTML设置图片 开发工具与关键技术： DW CSS 作者：何秋萍 年级：18级5班 撰写时间：2019年2月10日 我们使用DW设置网站时，避免不了要引入图片，在HTML中有两种方式都可以引入： 方法一：通过CSS样式引入；方法二:通过img标签。两种方式都可以引入图片，但是它们都各有各的优势，下面会分开介绍 法一：通过CSS样式引入图片时需要设置图片的宽度和高度，如果设置的宽度和高...
HTML标签之Meta（头信息设置）
求索
12-27 6087
1、Expires (期限) 说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。 用法：Expires” Content=”0″> 注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。 2、Pragma (cach模式) 说明：禁止浏览器从本地机的缓存中调阅页面内容。 用法：Pragma” Content=”No
框架中链接页面，新页面在框架中显示
abaqz04484的专栏
02-21 228
window.parent.mainFrame.location.href = "xxx.aspx"; mainFrame为要显示页面的框架 转载于:https://www.cnblogs.com/songling/archive/2012/02/21/2361337.html
HTML5+CSS3网页布局实战：浮动、定位与导航
本资源主要聚焦于HTML5和CSS3在网页设计中的应用，特别是关于浮动和排版技术的学习。第七章详细介绍了浮动物体的概念，包括块元素（如`<h1>`至`<div>`，以及列表）和行内元素（如`<span>`、`<a>`等）的特性和区别。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值