HTML基础(一)

**

HTML基础

**

1.添加照片

img标签是单标签,src属性指向一个图片的地址。alt属性的文本是当图片无法加载时显示的替代文本。

<img src="https://www.your-image-source.com/your-
image.jpg" alt="作者站在沙滩上竖起两个大拇指">

2.链接

<a></a>

(1)用锚点实现网页间跳转
href是锚点的另一个属性:它指定了链接的 URL 地址.

<a href="https://freecodecamp.one">
传送至freecodecamp.one</a>

(2)用锚点实现网页内部跳转
设置锚点的href属性值为井号#加上想跳转区域对应的id属性值,这样就可以创建一个内部跳转。id是用来描述网页元素的一个属性,它的值在整个页面中唯一。
target是锚点的一个属性,它指定了会以什么方式来打开链接,属性值 "_blank"的意思是链接会在新元素页打开。

<a href="#contacts-header">Contacts</a>
...
<h2 id="contacts-header">Contacts</h2>

(3)用 # 号来创建固定链接
href属性的当前值是指向 “http://freecatphotoapp.com”,将href属性的值替换为#,也称为井号,就可以创建固定链接。
(4)给图片添加链接
用把图片img包起来

<a href="#">
<img src="http://cdn.chenzhicheng.com/running-cats.jpg" alt="三只萌萌的小猫">
</a>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值