My Daily learning - How to Code Day 13 of HTML: Links

in #coding5 years ago

My Daily learning - How to Code Day 13 of HTML: Links

MyJourneyBanner.jpg

Good Evening everyone,

This is the continuation of prep for my honorable discharge from my Military Service. I'm going back to school for computer science. For my prep @richatvns is mentoring me in Calculus and the field of computer science. I'm taking online video classes on Calculus 3, learning HTML, then CSS, followed by Javascript on W3Schools As well as learning blockchain technology through Steem at the same time.

Everyday rich is requiring me as a "proof of work" to show what I learned that day to him.

So we came up with the great idea why not help others, and make a quick easy to follow tutorial by posting what I learned each day.
Since I'm only doing 1 short tutorial a day, it's so easy to follow along and learn (should be under 5 min).
I get the added bonus of repeating the material, such that I truly understand it.

jetseparator.gif

You can try your own coding here using this link: https://www.quackit.com/html/tutorial/html_links.cfm

Today's topic is links. I will show how to create a hyperlink on a webpage, that will link you to another web page once you click on it.

The two keys to links are the < a > tags and href attributes. Check out the coding below:

link coding.PNG

When we open the code in safari it looks like this:

link safari.PNG

Notice how the text "HTML Codes" shows up as a hyperlink.

Another neat feature about links is that you can make the link bring up the new web page on the same tab, or you can set it so the new page. The "target" attribute determines how the new link opens up. It has the following options:

targer coding.PNG

This is how it looks when we place the target attribute with the rest of the coding:

target coding 2.PNG

jetseparator.gif

You want to learn, Just remember the Nike Slogan:
Just Do It

*** Thank you to @richatvns for setting up this template for posting and base artwork

poker_separator.gif

Sort:  

You can also use "target" to bring up a new window or send to a frame or iframe)jerrylewis.jpg
very very very useful!

So you can set up iframes to view pages side by side with out have to use a whole other page which could be a problem on cellphones and tablets

RichAtVNStagline2.jpg

Coin Marketplace

STEEM 0.32
TRX 0.12
JST 0.033
BTC 64647.16
ETH 3160.49
USDT 1.00
SBD 4.13