首页 > 其他分享 >HTML(2)

HTML(2)

时间:2024-10-27 13:51:39浏览次数:3  
标签:一级 .. 标签 HTML 跳转 链接 特殊字符

一.路径

1,相对路径:图片相当于html的位置。

相对路径:通常使用“.”或“..”开头。

“./”表示当前文件所在的目录,可以省略不写;

“../”表示当前目录的上一级目录;

“../../”表示上上级目录;

“/”开头代表根目录

a)同一级路径:将保存的图片直接拖至HBuider X内的项目中,输入<img scr="图片名称"/>即可。

b)下一级路径:将自命名文件夹Screenshots直接拖至HBuider X内,输入<img scr="文件夹名称/图片名称"/>

作用可将项目中文件夹中的图片运行(利用./)

c)上一级路径:将上一级中的图片运行(利用../)

2.绝对路径:是指目录的绝对位置,从盘符(此电脑)中的绝对或网络中的绝对。

a)盘符中的:将文件中需要运行的地址进行复制粘贴运行。

b)网络中的:复制网络中的链接,然后cope。

二.链接标签

1.外部链接

<a href="跳转目标"target="目标窗口弹出的方式">文本或图像</a>

目标窗口弹出的方式:_self默认值,_blank在新窗口打开的方式

2.内部链接

直接链接内部页面名称即可

3.空链接

<a href="#">首页</a>

4.下载链接

如果href里面地址是一个文件或者压缩包,会下载这个文件

例如:<a href="./new_file.html" download="文件名">sss</a>

5.网页元素链接

在网页中各种元素(文本,图像,表格,音频等)都可以添加超链接

6.锚点链接

从第一个部分的内容跳转到下一个部分的内容

如图该图片中锚点为:#section1

点击“跳转到下半部分”,可从第一个内容<p>跳转到第二个内容<p>(换页)。

三.注释标签与特殊字符

1.注释标签<!--  -->

快捷键ctrl+/即可,注释标签内的内容,只能在代码中看见,项目运行的页面不可见;以便于程序员理解。

如图中的<!-- 头部 -->

2.特殊字符

有些字符很难或者不方便使用,就少不了特殊字符咯。

待会是吃螺蛳粉还是吃米线呢

标签:一级,..,标签,HTML,跳转,链接,特殊字符
From: https://blog.csdn.net/Naiveyouzhi/article/details/143252003

相关文章

  • XML和HTML的区别
    XML和HTML两种标记语言的主要区别包括:1.用途和应用范围不同;2.语法规则不同;3.标签定义不同;4.数据和显示分离程度不同;5.浏览器支持和解析方式不同。深入理解这些区别对于开发人员和内容创建者来说至关重要,它将帮助他们更有效地利用这些技术来满足特定的需求。1.用途和应用范......
  • dhtmlxGantt 9.0.1 Crack
    DHTMLXGantt 9.0.12024年10月21日。错误修复版本修复修复启用smart_rendering进行拖动时链接位置不正确的回归问题修复灯箱资源控制超出其容器范围的回归问题当使用自定义CSS突出显示单元格时,纠正最后一行时间刻度单元格缺少底部边框的问题修复智能秤禁用时粘性标......
  • 557.清新的化妆品响应式网页 大学生期末大作业 Web前端网页制作 html+css+js
    目录一、网页概述二、网页文件 三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有各行各业的Web前端网页制作的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这......
  • 好看的html源码
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=dev......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript旅游网站(河南)
    HTML+CSS+JS【旅游网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript名侦探柯南
    HTML+CSS+JS【动漫网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • HTML(网页)打包EXE, 添加网络验证(卡密)详解
    介绍HTML(网页)打包EXE软件1.9.97版本中,新增了网络验证功能,它可以给打包生成的EXE文件添加网络验证功能,即添加卡密,打包后的EXE文件用户首次打开使用时,会提示需要输入激活码(卡密),输入正确后才可以正常使用. CSDN文库下载地址: https://download.csdn.net/downl......
  • Vue2 - 完美解决html2canvas截图不全问题,截屏导出的图片显示不全只有一部分或缺一块,vu
    前言该解决方案任意前端技术栈通用,不仅限Vue。在vue2(手机H5移动端/微信公众号H5页面)项目开发中,使用html2canvas截屏时发现有一部分未截取到少了一块截图不完整,导出保存图片时发现截图只有一半显示不全,另外还有一个问题就是截图时截取当前可视区域的问题(出现滚动条只保......
  • HTML
    前端后端最基本的文档结构<head>制作网页相关配置信息。<body>网页真实展示内容。文档结构实例:<html><title>小站</title></head><body>(页面内容)hello你好<h1>中国</h1></body></html>文档结构介......
  • html添加图片的代码是什么
    在现代网页设计和开发中,图片是不可或缺的元素之一。它们可以增加视觉吸引力,传达信息,或者仅仅为了装饰效果。本文将详细解释如何在HTML文档中添加图片,包括基础的<img>标签用法,图片格式的选择,以及高级功能如图片响应式设计和懒加载等。对于初学者和中级网页开发者,这篇文章提供了一......