Basic HTML & HTML 5

in , by Wemi Ibidun, October 20, 2019

Today's article is all about the few things I learnt from the Basic HTML & HTML 5 module of FreeCode Camp which I just completed. With no further ado, let's dive right into it.

The challenge was all about building a simple cat photo web page piece by piece (see final page below). This was an easy and very straightforward one for me. Here are my top 5 lessons & 5 fun facts from the challenge

My Top 5 Lessons

1. I started out by learning different HTML elements (e.g,<h1>) , their uses and how they are placed when coding. I also learnt about commenting in HTML (Comments in HTML starts with <!--and ends with a -->). 

2. Nesting links within other test elements and definitions of terminologies such as (target- an anchor tag attribute that specifies where to open a link and the value & href - another anchor tag attribute that contains the URL address of a link) was another interesting one for me. I did a couple of nestings to be able to achieve the app

3. Creating web form with the form element and adding a submit button was one of my best tasks

<form action="/submit-cat-photo">

<input type="text" placeholder="cat photo URL">

<button type="submit">Submit</button>


4. I also created a bullet list of ordered and unordered elements

For unordered lists, 

For ordered lists, 

5. Lastly, I created text fields and added placeholders to a field ( e.g  <input type ="text"
placeholder="cat photo URL">) & guess what? Creating radio buttons and check boxes was my favourite task of all. 

Below is a screenshot of the completed task:

5 Fun Facts: 

- Do you know that HTML stands for "Hyper Text Markup Language"

-  Do you know that the main tag helps search engines and other developers find the main content of your page

-  Do you know that you can turn an image into a link, using a element

- Do you know that you can create a dead link with an hashtag. For example: href="#"

-  Do you know that the div element is one of the most commonly used HTML elements. It is like a container for other elements

That will be all from me today. I hope you have learnt something from my blog today. Thank you for stopping by. 


SHARE 0 comments

Add your comment