HTML&CSS

本文详细介绍了HTML的超链接a标签,包括跳转方式和功能链接。接着讲解了绝对路径和相对路径的区别及使用场景。接着讨论了文本元素如blockquote、q、cite、abbr等的用途。然后阐述了无语义元素div和span的应用。此外,文章还深入探讨了CSS术语,包括外部样式表、内部样式表和行内样式表的使用,以及CSS选择器的种类和用法,如基本选择器、层次选择器和伪类选择器。
摘要由CSDN通过智能技术生成

一.超链接 a标签

<a href="目标">内容</a>

1.目标为地址情况下,多个页面进行跳转

2.锚点:不改变地址跳转(在同一个页面)当前页面进行跳转

给要跳转的位置加 id属性,添加属性值(取名字),再给一个a标签属性里面写(#号+id属性值)

a标签属性里加#直接返回顶部

3.功能链接

目标:tel: 15323476534 (打电话),

mail to:23453543@qq.com(发邮件)

<a target="页面" href="目标">内容</a>

a标签的打开方式

属性target 属性值:

_blank:新页面打开

_self:当前页面打开(默认)

二.绝对路径和相对路径(地址)

外部引用

1.批量修改

2.复用(重复使用)

绝对路径

当网站部署到服务器后,网站中所有资源都可以通过一个地址访问

书写:协议://域名/目录(绝对路径)

使用场景:

访问站外资源,只能使用绝对路径

访问站内资源,若网站已部署到服务器,可以使用绝对路径,协议和域名可以省略

从根目录开始写,一直到资源所在文件

( 只需要知道目标的位置,就能找到)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值