Introduction to HTM
HTML, or Hypertext Markup Language, is the standard language
used to create and structure web pages. It provides the building
blocks for creating the content, layout, and structure of a
website.
by Jimes Hyolmo
Basic HTML Structure
1 HTML Document
The basic structure of an HTML document includes the <html>,
<head>, and <body> elements.
2 Head Section
The <head> section contains metadata, such as the page 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 Tags and Elements
Structural Elements Content Elements Formatting Elements
Tags like <h1>, <p>, Tags like <img>, <a>, Tags like <b>, <i>, and
<div>, and <section> <ul>, and <table> are <em> are used to apply
define the overall used to add specific styles and emphasis to
structure and layout of a types of content to a text.
web page. page.
Headings and Paragraphs
1 Headings 2 Paragraphs 3 Formatting
Headings, denoted The <p> tag is Headings and
by <h1> to <h6> used to define paragraphs can be
tags, create a paragraphs of text, further styled using
hierarchical which are the basic CSS to control font,
structure and help building blocks of size, color, and
organize content. web content. more.
Links and Images
Links Images
The <a> tag creates hyperlinks The <img> tag embeds images
that allow users to navigate into a web page, enhancing the
between web pages or jump to visual appeal and providing
specific sections within a page. context.
Attributes
Both links and images use attributes, such as "href" and "src", to specify the
target or source of the content.
Lists
Unordered Lists Ordered Lists List Items
The <ul> tag creates The <ol> tag creates The <li> tag defines
unordered lists, where ordered lists, where each individual list items
each item is marked with item is numbered within an unordered or
a bullet point. sequentially. ordered list.
Tables
Header 1 Header 2 Header 3
Data 1 Data 2 Data 3
Data 4 Data 5 Data 6
Tables in HTML are created using the <table>, <tr>, and <td> tags to define the
structure and content of the table.
Conclusion and Resources
Start Coding Explore Resources Keep Learning
Begin practicing HTML Utilize online tutorials, HTML is constantly
by creating simple web documentation, and evolving, so stay up-to-
pages and exploring communities to date with the latest
the various tags and continue learning and features and best
elements. improving your HTML practices.
skills.
By mastering HTML, you'll be well on your way to becoming a skilled web developer
and creating engaging, functional websites.