We are starting with HTML; I’ll explain in full with details: kindly retweet for others. Welcome to your first class on HTML. To avoid missing future classes, kindly follow me on Twitter.
Congratulations, you found this Tweet; today, we will be starting our coding journey😉.
We are starting with HTML; I’ll explain in full with details: kindly retweet for others.
— Àgbà Akin (@Kynsofficial) November 1, 2021
Before we start, let’s talk about what you need to embark on this journey with me. – Tutorial will take place every Monday on Twitter threads – You need a PC to keep up with us – You need an IDE such as VsCode application for PC Lastly, determination & InshAllah & In Jesus Name (Ijn)
An IDE Means “Integrated Development Environment” it’s usually in the form of a tool; this is what we will be using to write and run our codes; there are various types We have
1. Xcode – Compiling and running iOS & macOS apps
2. Android Studio – Compiling and running Android Apps
In this tutorial, we will be using VsCode Get your PC and download VsCode From this link.
This tutorial will help you set it up.
I’m sorry, the hurtful truth is you can’t simply use only your phone to start your coding journey.
Now let’s get into today’s main course, which is HTML
What is HTML?
We humans can simply look at a document and understand the difference between a heading and a paragraph; computers have no such intuition. For a browser to correctly render a web page, it must be explicitly told what each piece of content is. Looking at this document below, you can immediately tell the heading, sub-heading, and cover image. Your computer isn’t nearly as smart.
So how exactly do we tell the browser what’s what? This is where Hyper Text Markup Language (or HTML for short) comes in handy. HTML is a markup language that describes the structure/layout of your web page. We define this structure by wrapping elements.
An HTML element is formed using a tag, which serves as a descriptor for each piece of content on your page. As an example, the <p> tag is used to describe a paragraph HTML element. Some other examples of HTML elements include:
- <h1>: Highest-level heading
- <h6>: Lowest-level heading
- <img>: An image
- <a>: An anchor which creates a hyperlink to things like other HTML pages, files, email addresses, and more
Most HTML elements contain both opening and closing tags to indicate where an element starts and ends, like so:
To properly define an HTML file, we must place <head> and <body> elements within the root <html> element. The <head> element contains supporting information about the file, commonly referred to as metadata. There must be a <title> (providing the webpage a title)
I know all these may sound like Hullabaloos to you, but it gets a lot easier in a practical sense. Then let’s run the code from the picture earlier and see what the browser shows.