Example:

This relationship is often referred to using the terms "parent" node and "child" nodes.

In the example below all the elements are children elements inside the <p> element.
<section>
  <p>"I challenge you to a dance off<br>
Hands off, no trash talk, no back walk<br>
On the black top, just me, you, that's all<br>
No cat calls, no tag teams, no mascots<br>
Right now, dance off"<br>
  <a href="#">A part of a Macklemore Song</a>
  <img src= "#">
</section>

Let's try linking our Code Avengers logo to our website.
Take our link from the previous example. Visit <a href="http://codeavengers.com">Code Avengers</a>
By replacing the text with an image tag which links to our logo, we will have created a linked image.

Example:

Result:

1. Href

• The default target value is _self.
  • When you click on a link it will navigate away from your current page to that page, in the same tab/window.

However, you may not always want to leave the page you are on.

Here are the options:

• target="_self": loads the linked content in the same frame as it was clicked (this is default)
  
  • target="_blank": loads the linked content in a new window or tab

There used to also be;

• target="_parent": loads the linked content in the parent frame
  
  • target="_top": loads the linked content in the top level frame set
    
    • framename: loads the linked content in a frame with a custom name

But these three are not used anymore with HTML5 and are not something you need to think about.

Example code:

Results:

blank: Code Avengers Home- Blank
self:Code Avengers Home- Self

Example: