Introduction to
HTML
HTML, or Hypertext Markup Language, is the standard language used to
create and structure web pages. It provides the basic building blocks for
creating digital content that can be displayed in a web browser.
by Chris Elikem
What is HTML?
1 Markup Language 2 Content Structure 3 Browser Interpretation
HTML is a markup language that It determines the headings, HTML code is interpreted by web
uses tags to define the structure paragraphs, lists, images, links, browsers, which then display the
and content of a web page. and other elements that make up content and structure as a
a web page. visually formatted web page.
HTML Structure
1 HTML Document
An HTML document has a specific structure with a <head>
and a <body> section.
2 Head Section
The <head> section contains metadata about the page, such
as the title, character encoding, and links to external
resources.
3 Body Section
The <body> section holds the visible content of the web
page, including headings, paragraphs, images, and more.
HTML Elements
Structural Elements Content Elements Metadata Elements
These define the overall structure of These define the content within the These provide additional information
the web page, such as headings, web page, such as images, links, and about the web page, such as the title
paragraphs, and lists. formatting. and character encoding.
Headings (<h1> to <h6>) Images (<img>) Title (<title>)
Paragraphs (<p>) Links (<a>) Character Encoding (<meta>)
Lists (<ul>, <ol>, <li>) Formatting (<b>, <i>, <u>)
HTML Attributes
ID Attribute Class Attribute
Uniquely identifies an element on the page, used for targeting Applies a class name to an element, allowing for grouped styling
with CSS and JavaScript. and targeting.
Src Attribute Href Attribute
Specifies the source of an image or other embedded content. Defines the destination URL for a hyperlink.
HTML Formatting
Bold Italic
The <b> tag makes text bold. The <i> tag makes text italic.
Underline Strikethrough
The <u> tag underlines text. The <s> tag strikes through text.
HTML Links and Images
Hyperlinks Image Embedding Accessibility
The <a> tag creates a hyperlink to The <img> tag embeds an image into Use the alt attribute to provide
another web page or section. the web page. alternative text descriptions for
images.
Conclusion and Next Steps
Conclusion HTML is the foundation for
creating web pages and web-
based applications. It provides
the structure and content for
what users see in their web
browsers.
Next Steps To continue learning HTML, try
building your own web pages,
exploring more advanced HTML
elements and attributes, and
learning about CSS and
JavaScript to enhance your web
development skills.