[Day 2]- I learned about File Paths and Target Attribute Types

#webdev #beginners #learning #html

Hello everyone!

This marks the Day 2 of my learning journey of becoming Full-Stack Web Developer, which is exciting because this is my second day of documenting my learning progress. In the following weeks I will just focus on learning HTML and CSS.

Well, actually this is not my day 2 of this journey since a lot of adjustment happens to my schedule and I do not cope with it very well resulting in being absent in these few days, and breaking my consistent posting. This made me realize that I will consider the biweekly posting to balance my schedule well. Anyways life happens, the important thing is we are making progress. But during those days of digital invisible, I created two projects showcasing what I have learned in HTML.

What I learned:

File paths, the difference between using relative and absolute paths in HTML, especially these symbols folder/images, ../folder/image and ../../folder image.
Target attribute types such as _self, _blank, _parent and _top
Meta viewport and how this makes the website responsive
Making more my HTML structure semantic

What I Built:

Small education website practicing the target attribute types, this contains links by using the anchor element. When the user clicks these pages it will bring them to another page or this can be an external link. In the external link I use the rel attribute with noopener and noreferrer value for privacy purposes of the website. And I also build a developer’s website practicing what I have learned so far.

Challenges:

I had confusion at first between relative paths, especially using the symbols of ../.. and ../ to locate a specific file in your folder. Same goes to _parent and _top target attributes. I am confused about when they will show or happen in the webpage.

Key Takeaways:

Understand the elements and attributes better such as how to properly use them and when to use them. This will help you as you move forward to advanced concepts.
Learn from your mistakes and use them to improve your project.

Tomorrow's Goal:

I will still continue working on building my foundation in HTML and build projects alongside it before moving to CSS.

Thanks for reading!

See you in Day 3

Resources

GitHub Profile

https://github.com/JohnPaul-dev30

*Project Source Code
*
https://github.com/JohnPaul-dev30/mini-projects/tree/main/frontend/small-educational-website

https://github.com/JohnPaul-dev30/mini-projects/tree/main/frontend/developer-website