Assessment for the Test your skills: Links

MDN Learn
1

Hi there!

Links and directory structure is working in my VSCode, but the links are not working in Codepen because directory structure (folders) are not going inside the Codepen. So I move on to Glitch and looking for (Is the directory structure is working). As soon as it resolves, i will send the links for assessment.

Thanks,

Arshad.

2

elslamo alikom @sarshas356

you can post your work if you like despite the non working folder and we will assest it

by the way this option available only for the paid version of codepen but ofcourse you can use glitch or githb for free

happy coding and have a nice day :slight_smile:

1 Like
3

Glitch will also be useful later when you are doing task with images and you can upload them. :+1:

4

Hi all!

I used the Glitch but images are not coming. Here it is for assessment:

and here is the task 1:
https://creating-hyperlinks1.glitch.me

Thank you in advance for assessment.

5

Great work, @sarshas356!

I like how you went the extra mile and also built the whales.html page.
Your tags and attributes are all correct on both pages.

About the formatting

It was a good idea to move multiple attributes on their own line. Personally, I would change the formatting slighlty (but that’s more of a matter of taste):

<a
  href="whales.html"
  title="Information on Blue Whales and Sperm Whales"
  target="_blank"
>
  Whales page
</a>

<a href="mailto:whales@example.com?subject=Question%20about%20Whales">
  email us
</a>

Regarding the images

When you upload files to Glitch they get saved to their CDN and you need to click on the images and copy the URL. This URL needs to be put into the src attribute of the <img> element.

2022-05-24 10_10_27-assets – woolen-chambray-monday
2022-05-24 10_10_27-assets – woolen-chambray-monday887×698 161 KB

I hope that helps. :slightly_smiling_face:

Have a nice day,
Michael

1 Like
6

Walikum Assalam!

Here are my links for assessment of Creating Hyperlinks2 and 3.

My links at the Glitch are:
https://creating-hyperlinks2.glitch.me

https://creating-hyperlinks3.glitch.me

Thank you,

Arshad

7

Hi there!

Thanks for assessment.

I already know about this but don’t know enough.

Such as classes are used in html to target certain elements with different styling.
And making of whales.html page is not difficult, it is easy as external stylesheet cascades along all the pages of a website.

Thank you,
Have a nice day!

Arshad

1 Like
8

elslamo alikom @sarshas356

you doing great and here my notice :

  1. for task 2 the first 2 links is fine but it did not show if you got how to navigate the folders/directory or not

so it better to create the required folders hierarchy in your project or simply write the answer despite the file is there or not

  1. for 3rd link in the task it ask you to provide link to the google search image which is
    The third link should link to the UK Google Image search. The base URL is https://www.google.co.uk, and the image search is located in a subdirectory called imghp.

so the href of you a element should be

https://www.google.co.uk/imghp

cause imghp is on sub directory of the base url

  1. for task 3 the link text should go wit the context of the whole p element it part of

so for first link

<p>We do lots of work with Narwhals. To find out more, visit our <a href="narwhals.html" target="_blank">Narwhals page</a>.</p>

of course you can rephrase your words but hope that give you an idea on how it work

hope that help and have a nice day :slight_smile:

1 Like
9

Assalam-o-Elakum.

Here are my links for assessment of Creating Hyperlinks2 and 3.

My Links at the Glitch are:
https://creating-hyperlinks2.glitch.me

https://creating-hyperlinks3.glitch.me

I place folders/directory structure in between the links in the Glitch.

There are two ways by which folder/directory structure is coming in the links for task2.

First in my VSCode I made a root folder and place all subfolders, images and files under it. In my vscode the links look like in this way:

  • Blue Whale image
  • Narwhal image

    • and it is working in my vscode.

    But in Glitch the folder/directory structure in the links looks different, which one is correct.

    Thank you,
    Have a nice day :slightly_smiling_face:

    Arshad

    10

    wealikom elsalam @sarshas356

    when we assist we only check if the code valid or not even if something does not work cause of missing image or folder structure

    so the assist is based more on if you get the info in the lesson or not

    for task 3 you missed this

    hope that help and have a nice day :slight_smile:

    1 Like
    11

    Assalam-o-Elakum

    I hope you are well.

    I made corrections in the task3 of “Test your skills: Links”.

    Now I understand the concept of context.

    Thanks for your support.

    Have a nice day.

    Arshad.

    12

    @sarshas356 welaikom elsalam

    thanks a lot and you too

    you doing great well done and you welcome and have a nice day :slight_smile: