-
What is HTML?
HTML stands for HyperText Markup Language. It is the standard markup language used to create and structure the content of websites and web applications. HTML works in conjunction with CSS (Cascading Style Sheets) and JavaScript to create the visual layout and interactive features of web pages.
-
Basic HTML Structure
<!DOCTYPE html> <html> <head> <title>Your Page Title</title> </head> <body> <h1>Heading 1</h1> <p>This is a paragraph.</p> </body> </html>The above code is a basic HTML structure. It starts with the
<!DOCTYPE html>declaration, followed by the<html>element, which contains the entire HTML document. The<head>section contains meta information and the page title displayed in the browser's title bar. The<body>section contains the visible content of the web page, such as headings, paragraphs, images, and other elements. -
HTML Elements
HTML consists of various elements, each represented by tags that define the structure and content of a web page. Some common HTML elements include:
<h1>to<h6>- Headings<p>- Paragraphs<a>- Hyperlinks<img>- Images<ul>and<li>- Unordered Lists<ol>and<li>- Ordered Lists<div>- Division/Section<span>- Inline Section
There are many more elements available in HTML, each serving a specific purpose in web page design and layout.
-
Text Formatting
- This is bold text
< B >, < Strong >Example: Hello World - This is italic text
< I >, < Em >Example: Hello Html - This is underlined text
< U >Example: Hello Html - This is Strick Through text
< Strick >, < S >Example:Hello Html - This is superscript text
< SUP >Example: 10thClass - This is subscript text
< SUB >Example: H2O - This is inline code
<Code>Example:<h1> - This is keyboard input
<Kbd>Example: Hello World
- This is bold text
-
Headings Tags
Heading 1
< H1 >Heading 2
< H2 >Heading 3
< H3 >Heading 4
< H4 >Heading 5
< H5 >Heading 6
< H6 >
Blockquotes
"Be yourself; everyone else is already taken." - Oscar Wilde
Lists
Unordered List
- Item 1
- Item 2
- Item 3
Ordered List
- First Item
- Second Item
- Third Item
Links
This is a hyperlink. It will take you to the Example website.
This is an anchor link. It will scroll to the section with the ID "About Html".