Basic Structure of an HTML Document
Every HTML document has a basic structure th
Basic Structure of an HTML Document
Every HTML document has a basic structure that includes the following elements:
htmlCopy code
My First Webpage
Welcome to My Website
This is a paragraph of text on my webpage.
: Declares the document type and version of HTML.
: The root element of an HTML page.
: Contains meta-information about the HTML document (e.g., the title, character set, styles).
: Sets the title of the webpage (displayed in the browser tab).
: Contains the content of the webpage (e.g., text, images, links).
Common HTML Tags
Headings
Headings are defined with the
to
tags, with
being the highest (or most important) level and
the least.
htmlCopy code
This is a heading level 1
This is a heading level 2
This is a heading level 3
Paragraphs
Paragraphs are defined with the
tag.
htmlCopy code
This is a paragraph.
Links
Links are defined with the tag. The href attribute specifies the URL of the page the link goes to.
htmlCopy code
This is a link
Images
Images are defined with the tag. The src attribute specifies the path to the image, and the alt attribute provides alternative text for the image.
htmlCopy code
Lists
There are two types of lists: ordered lists (
) and unordered lists (
).
Ordered list:
htmlCopy code
First item
Second item
Third item
Unordered list:
htmlCopy code
First item
Second item
Third item
Tables
Tables are defined with the
tag. A table is divided into rows (), and each row is divided into cells (
).
htmlCopy code
Header 1
Header 2
Data 1
Data 2
Forms
Forms are used to collect user input. A form is defined with the
tag.
htmlCopy code
Name:
These are just some basic examples. HTML has many more tags and attributes you can use to create complex and interactive webpages. If you have any specific questions or need more advanced examples, feel free to ask!
4o
Share this:
Facebook
X
Posted
July 9, 2024
in
Website Development
by
admin
Tags:
Genius Tutor Squad
Proudly powered by WordPress
window.WPCOM_sharing_counts = {“https://geniustutorsquad.com/2024/basic-structure-of-an-html-documentevery-html-document-has-a-basic-structure-th/website-development/”:76753};
( function() {
var skipLinkTarget = document.querySelector( ‘main’ ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can’t be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( ‘.wp-site-blocks’ );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target’s ID, and generate one if it doesn’t exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = ‘wp–skip-link–target’;
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( ‘a’ );
skipLink.classList.add( ‘skip-link’, ‘screen-reader-text’ );
skipLink.href = ‘#’ + skipLinkTargetID;
skipLink.innerHTML = ‘Skip to content’;
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
_stq = window._stq || [];
_stq.push([ “view”, JSON.parse(“{“v””:””ext””