ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web

Credit Images & Create Links with HTML

Updated on May 8, 2015
HTML
HTML | Source

How to credit images and create links using HTML

All images any reputable website have to be credited. Even if you have used your own photographs, it's still a good idea and sound common sense to let the world know that you own the copyright.

This can be done quickly and easily using the codes below. We'll start with the basics and gradually get a little more fancy, but it's easy. Really.

All you have to do is copy these codes into a text document (something like Notepad is ideal), save it to your computer and you'll have the details ready whenever you need them.

Let's get started.

..........................

Note: These codes will work on any site where you have access to the HTML. A Wordpress blog is a good example. Different blogging softwares and content writing sites all have different criteria, but if you have access to the code, these will work perfectly.

Instructions:

1. Below, you'll see what I think is the perfect credit. The text is small and it isn't obtrusive.

It uses the copyright symbol which saves space. In this instance, the photographer doesn't require a link.

I prefer to use images that don't need linking because search engines can frown upon pages that have too many.

2. In the image below, you see the code for a simple link. Of course, you'd replace the URL and the wording itself.

Take away britflorida.com and replace with the required web address, do the same with the credit name; the text you want to appear on the site.

3. In the example above, the entire phrase is a link. Below, you'll see a refinement.

In this case, just the word 'BritFlorida' is the link. This is handy if your copyright phrase is lengthy.

You might have spotted another change too.In this example, I have set the link to open in new window. Adjust this if you wish. Some people like links to open in new window. I don't as many web users are irritated by this. It's personal preference.

4. Now we're getting little fancier! This code below chooses the size of the text. I do prefer smaller so I tend to use 8.

This code doesn't create a link but read on for the full code.

5. There's only one thing that I now want to change. I do prefer to use the copyright symbol rather than the word.

As you can see in the image below this is easily done by replacing the word with an ampersand (&), the word copy and a semi-colon (;)

6. Below you'll see the complete code you need if you want to credit images and include a link. As you can see, I've highlighted certain sections of the code in red. That's because you can change these if you wish.

For example, if you'd like the text to be bolder, simply replace 'regular' with 'bold'. Would you like the font to be a little larger? Change 8 to 9.

7. Below, see how to get these codes on your computer. You'll only have to type them once, then you'll have them permanently on your computer.

The best way to do this is to minimise your browser window so it covers roughly half the screen. Then enlarge the image showing the code.

Open Notepad, or a similar program and minimise that and type the code that you see. Then save the document.

...............................

If that sounds confusing, just see the image on the below to see what I mean.

...............................

Want to learn more? I know this sounds terribly geeky, but code is fascinating. You've seen above how a seemingly random selection of symbols and punctuation marks can create wondrous things.

Learn more using the book below. Scroll down to below the image to see the book.

Guestbook

    0 of 8192 characters used
    Post Comment

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      @avery-v-scott: I'm so pleased that the info was useful.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      @radio-streaming: So glad to help!

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      @DreyaB: Happy to help, Andrea :)

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      @Arachnea: Good to hear from you, Arachnea.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      @DavidMoses1986: Thanks for reading!

    • profile image

      avery-v-scott 3 years ago

      Thank you very much for the assistance I was stumped.

    • profile image

      radio-streaming 3 years ago

      You have made me understand how to create image credit link with HTML. Thank you

    • DreyaB profile image

      DreyaB 3 years ago from France

      As usual extremely helpful info. There's the opportunity here for me to improve my image credits. Thanks once again for all you tips and help. :0)

    • Arachnea profile image

      Tanya Jones 4 years ago from Texas USA

      Very good information.

    • profile image

      DavidMoses1986 4 years ago

      Thanks for the info, nice lens :)

    • BritFlorida profile image
      Author

      Jackie Jackson 4 years ago from Fort Lauderdale

      @esmonaco: That's what I'm here for :)

    • esmonaco profile image

      Eugene Samuel Monaco 4 years ago from Lakewood New York

      Thanks once again for being so helpful, I do need all of the help I can get :)

    • BritFlorida profile image
      Author

      Jackie Jackson 4 years ago from Fort Lauderdale

      @AnonymousC831: Thank you so much!

    • junecampbell profile image

      June Campbell 4 years ago from North Vancouver, BC, Canada

      This is great. Thanks for sharing your expertise.

    • AnonymousC831 profile image

      AnonymousC831 4 years ago from Kentucky

      Great article, you explain things so well. Bookmarking this for future reference.

    • BritFlorida profile image
      Author

      Jackie Jackson 4 years ago from Fort Lauderdale

      @junecampbell: Thanks for reading!

    • BritFlorida profile image
      Author

      Jackie Jackson 4 years ago from Fort Lauderdale

      @Merrci: Use the codes above and you'll be fine :) Thanks!

    • BritFlorida profile image
      Author

      Jackie Jackson 4 years ago from Fort Lauderdale

      @AcornOakForest: Thanks for reading!

    • BritFlorida profile image
      Author

      Jackie Jackson 4 years ago from Fort Lauderdale

      @Arachnea: Thanks!

    • Merrci profile image

      Merry Citarella 4 years ago from Oregon's Southern Coast

      I needed this, thanks Jackie! I have the hardest time getting it to work for image credits. Must practice or get the book!

    • AcornOakForest profile image

      Monica Lobenstein 4 years ago from Western Wisconsin

      Cool! I learned some new tips here today to improve the look and feel of my links and credits for photos.Thanks!

    • Arachnea profile image

      Tanya Jones 4 years ago from Texas USA

      great info here.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: "https://hubpages.com/privacy-policy#gdpr"

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)