HTML Tutorial For Beginners — What is HTML?
In this HTML tutorial, you’ll learn every HTML concept in its purest form.
What is HTML?
HTML is short for Hyper Text Markup Language.
What it means is that every website you have ever been to on the internet, is created using this language called HTML.
HTML is used to create Electronic Documents called (pages or web pages) that are displayed on the internet (World Wide Web).
Each Web Page or Electronic Page has several connections/links to other pages called hyperlinks.
HTML was created by Tim Berners-Lee who is also known as the father of the internet (World Wide Web).
NOTE: Internet and World Wide Web (short for web) are not the same thing. But people often refer to the web as internet.
A Simple HTML Document
Here’s overview of what Basic HTML looks like.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My first Heading </h1>
<p>My first Paragraph</p>
</body>
</html> Try it Yourself — (It’s a link to a Live Code Editor on my website w7school.com you can write HTML, CSS and JS and see live result as you type).
Code Explanation:
The code above may seem complicated. But it’s not.
If you’re new to HTML that’s the reason.
As humans, when we receive a new information. It feels complicated.
Let’s understand the code:
- The
<!DOCTYPE html>is document type declaration. It tells browsers that this document is an HTML5 document (or written in HTML5) - The
<html>element is the root element or main tag in an HTML file - The
<head>element is used for meta information about an HTML page. (consumed by search engines) - The
<title>element defines a title for the HTML page (the content in the title tag is shown in the browser’s tab beside website logo) - The
<body>element defines documents body and contains all the visible contents, such as headings, paragraphs, hyperlinks, images, tables, lists, videos, etc. (rendered in the browser and displayed to the user) - The
<h1>element defines a heading/header - The
<p>element defines a paragraph
NOTE: Don’t worry if you don’t understand the first time.
It’s just an introduction.
We’ll go through all the tags step by step.
I’ll make learning HTML for you as easy as I can. Using videos, images, animations, easy text explanations and practical coding.
What is an HTML Tag and Element?
An HTML element is defined with a start tag, end tag and content in between. All together is called an HTML element.
Look at this picture to visualize:
An HTML element is
Start tag + content + end tag
Everything from the start tag to the end tag, including the content.
NOTE: Usually HTML elements come in pairs like explained above.
start tag + content + end tag.
But some tags like <br> or <hr> tags have no end tag.
Because they don’t have textual content. They don’t need an end tag.
These tags are called self closing tags or empty tags.
Learn HTML and web development on my website w7school.com/html
Learn by watching my Youtube Videos — Subscribe to My Youtube Cannel
That’s basically it for this one and I’ll see you in the next one.
Visit my Medium profile for more programming articles and videos.
Peace out!
— Lia Sue Kim
