HTML Lecture 01 - The Basics
- Alex Wright
- May 17, 2020
- 2 min read
Updated: Jul 1, 2022
What is HTML?
HTML stands for HyperText Markup Language. This language describes the structure of the Webpage. It consists of a series of elements which are represented by tags. HTML tags label pieces of content such as heading, paragraph, table, etc. The HTML tags are used to render the content of the page on the Web Browser. These elements are represented by tags such as <h1> , <p>, <table> and so on.
HTML Editors
There are many software out there that can be used to code in HTML like Atom, Sublime, Visual Basic, VS Code, Adobe Dreamweaver CC. Besides having all those software we can even use Notepad that comes with your Operating System to code in HTML or you can also use Notepad++ also for better user experience as it adds some colors to the text.
All you have to do is navigate and open notepad on your windows and start writing code in HTML, once you are done save the file in your Hard drive with the extension .htm or .html whichever you like. Double click on the saved file and it will open up in your browser or right-click on the file and choose open with to open file in your browser.
Basic HTML elements to prepare writing your code.
The above image shows multiple elements. Let's look at them one by one.
<!DOCTYPE html> - This element defines that the document is going to be written in HTML5.
<html> - This is the root element of HTML document . Whatever is inside this element is part of HTML.
<head> - This element contains the meta-information about the document.
<title> - This element is used to give the title to your document which is displayed on the browser tab. It is always used inside the <head> element.
<body> - This element contains the visible content of the page.
<h1> - This defines the Largest heading of the document. It has the biggest font out of all 6 heading elements that we will discuss in later lectures.
<p> - This element defines a paragraph.
Below you can see the result of our code. The browser tab shows 'My First HTML' as we have mentioned inside the title tag. The page content with large font and in bold shows our 'h1' heading and next, it shows the paragraph as mentioned inside 'p' tag.
So this is all for Lecture 1. These were the basics of HTML on What HTML is, how and what software can be used to code in HTML, what initial codes are used to start writing an HTML document, and how it looks on the web browser.
nice work
Useful information