Image link

Developer
Joanne Whelan
Size
1,750 Kb
Views
4,048
  1. Image link Previews
  2. Image link HTML Codes
  3. Image link CSS Codes

How do I make an image link?

In this pen each image sends you to the social media page displayed on the logo. What is a image link? How do you make a image link? This script and codes were developed by Joanne Whelan on 16 January 2023, Monday.

Image link Previews
IQ Test

Image link - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Image link</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <ul>	<li><a href="https://www.facebook.com/foofighters/" title="Go to Facebook page" target="_blank"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/cd/Facebook_logo_%28square%29.png" alt="This is an image of the fb logo" height="200px " width="200px"/> </a></li>	<li><a href="https://twitter.com" title="Go to Foo Fighters Twitter page" target="_blank"> <img src="https://g.twimg.com/Twitter_logo_blue.png" alt="This is an image of the twitter logo" height="200px " width="210px" /></a></li>	<li><a href="https://soundcloud.com/foofighters" title="Go to a Soundcloud page" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/9/92/SoundCloud_logo.svg/1280px-SoundCloud_logo.svg.png" alt="This is an image of the soundcloud logo" height="200px " width="300px"/></a></li>	</ul>
</body>
</html>

Image link - Script Codes CSS Codes

ul {
list-style-type: none;
padding: 5px;
margin; auto;
}
ul li a {	text-decoration: none; float: left;
}
a{ padding: 100px;
}
Image link - Script Codes
Image link - Script Codes
Home Page Home
Developer Joanne Whelan
Username jooonebug
Uploaded January 16, 2023
Rating 3
Size 1,750 Kb
Views 4,048
Do you need developer help for Image link?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Joanne Whelan (jooonebug) Script Codes
Name
Decendant Selector
Wishlist
Font Awesome Examples
Border Effects
Colour Palette Demo
Universal Selector
Simple Layout
JQuery Practice
A Pen by Joanne Whelan
JQuery Wishlist Button
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!