Learn HTML: Completely for Beginners and Developers
Welcome to your completely free tutorial on learning HTML from basic to advanced. This tutorial will guide you through the fundamental basics of HTML, from understanding its purpose to building your very first webpage. By the end, you’ll have a strong foundation to start your journey in web development or web design.
Before writing any code, it’s necessary to understand what HTML is and why it’s the bedrock of every single website you visit online, irrespective of the programming language used.
What is HTML?
HTML stands for HyperText Markup Language. It is not a programming language, but a markup language used to create the structure and content of a webpage.
HyperText: Refers to the “links” that connect web pages, allowing you to navigate the internet.
Markup Language: Refers to the use of “tags” (like <h1> or <p>) to define the layout and elements of your content.
HTML is the skeleton of the page that gives every website its shape.
Why is Learning HTML Essential?
Learning HTML is the first and most critical skill for anyone interested in making a career in web development or Designing.
To Understand Other Languages: Knowing HTML makes it significantly easier to learn its companion technologies: CSS (for styling) and JavaScript (for functionality).
Build Websites: It is the fundamental building block of all websites. You can’t build a house without a foundation; similarly, you can’t build a website without HTML.
Launch a Web Development or Design Career: A deep understanding of HTML is essential for roles such as Front-End Developer, Web Designer, Full-Stack Developer, and even Email Developer.
Learn to Build Your First HTML Page
.
What You Need
A Text Editor: Any simple text editor will work (e.g., Notepad on Windows, TextEdit on Mac, or more advanced editors like VS Code).
A Web Browser: Google Chrome, Firefox, or any modern browser to view your page.”
Open your text editor.
Copy and paste the code below into the editor.
Save the file with a .html extension, for example: my.html.
To see your work, find the file on your computer and double-click it. It will open in your default web browser.
Basic HTML Document Example
Open your text editor.
Copy and paste the code below into the editor.
Save the file with a .html extension, for example: my.html.
To see your work, find the file on your computer and double-click it. It will open in your default web browser.
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.
8.1
If you use this site regularly and would like to help keep the site on the Internet, please consider donating a small sum to help pay for the hosting and bandwidth bill. There is no minimum donation, any sum is appreciated - click here to donate using PayPal. Thank you for your support.
Contains information related to marketing campaigns of the user. These are shared with Google AdWords / Google Ads when the Google Ads and Google Analytics accounts are linked together.
90 days
__utma
ID used to identify users and sessions
2 years after last activity
__utmt
Used to monitor number of Google Analytics server requests
10 minutes
__utmb
Used to distinguish new sessions and visits. This cookie is set when the GA.js javascript library is loaded and there is no existing __utmb cookie. The cookie is updated every time data is sent to the Google Analytics server.
30 minutes after last activity
__utmc
Used only with old Urchin versions of Google Analytics and not with GA.js. Was used to distinguish between new sessions and visits at the end of a session.
End of session (browser)
__utmz
Contains information about the traffic source or campaign that directed user to the website. The cookie is set when the GA.js javascript is loaded and updated when data is sent to the Google Anaytics server
6 months after last activity
__utmv
Contains custom information set by the web developer via the _setCustomVar method in Google Analytics. This cookie is updated every time new data is sent to the Google Analytics server.
2 years after last activity
__utmx
Used to determine whether a user is included in an A / B or Multivariate test.
18 months
_ga
ID used to identify users
2 years
_gali
Used by Google Analytics to determine which links on a page are being clicked
30 seconds
_ga_
ID used to identify users
2 years
_gid
ID used to identify users for 24 hours after last activity
24 hours
_gat
Used to monitor number of Google Analytics server requests when using Google Tag Manager
1 minute
SourceBuster is used by WooCommerce for order attribution based on user source.
Name
Description
Duration
sbjs_session
The number of page views in this session and the current page path
30 minutes
sbjs_udata
Information about the visitor’s user agent, such as IP, the browser, and the device type
session
sbjs_first
Traffic origin information for the visitor’s first visit to your store (only applicable if the visitor returns before the session expires)
session
sbjs_current
Traffic origin information for the visitor’s current visit to your store
session
sbjs_first_add
Timestamp, referring URL, and entry page for your visitor’s first visit to your store (only applicable if the visitor returns before the session expires)
session
sbjs_current_add
Timestamp, referring URL, and entry page for your visitor’s current visit to your store
session
sbjs_migrations
Technical data to help with migrations between different versions of the tracking feature
No Comments