HTML基础(一)_html猪猪侠网页代码

**

HTML基础

**

1.添加照片

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

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

2.链接

<a></a>
1

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

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

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

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

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

<a href="#">
<img src="http://cdn.chenzhicheng.com/running-cats.jpg" alt="三只萌萌的小猫">
</a>
1
2
3