Need help with assignments?
Our qualified writers can create original, plagiarism-free papers in any format you choose (APA, MLA, Harvard, Chicago, etc.)
Order from us for quality, customized work in due time of your choice.
Click Here To Order Now
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).<br />
<body>: Contains the content of the webpage (e.g., text, images, links).<br />
Common HTML Tags<br />
Headings<br />
Headings are defined with the </p>
<h1> to </p>
<h6> tags, with </p>
<h1> being the highest (or most important) level and </p>
<h6> the least.<br />
htmlCopy code</p>
<h1>This is a heading level 1</h1>
<h2>This is a heading level 2</h2>
<h3>This is a heading level 3</h3>
<p>Paragraphs<br />
Paragraphs are defined with the </p>
<p> tag.<br />
htmlCopy code</p>
<p>This is a paragraph.</p>
<p>Links<br />
Links are defined with the <a> tag. The href attribute specifies the URL of the page the link goes to.<br />
htmlCopy code<br />
<a href="https://www.example.com">This is a link</a><br />
Images<br />
Images are defined with the <img> tag. The src attribute specifies the path to the image, and the alt attribute provides alternative text for the image.<br />
htmlCopy code<br />
<img decoding="async" src="image.jpg" alt="Description of the image"><br />
Lists<br />
There are two types of lists: ordered lists (</p>
<ol>) and unordered lists (</p>
<ul>).<br />
Ordered list:<br />
htmlCopy code</p>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
<p>Unordered list:<br />
htmlCopy code</p>
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
<p>Tables<br />
Tables are defined with the </p>
<table> tag. A table is divided into rows (</p>
<tr>), and each row is divided into cells (</p>
<td>).<br />
htmlCopy code</p>
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
<p>Forms<br />
Forms are used to collect user input. A form is defined with the </p>
<form> tag.<br />
htmlCopy code</p>
<form action="submit_form.php" method="post">
<label for="name">Name:</label><br />
<input type="text" id="name" name="name"><br />
<input type="submit" value="Submit"><br />
</form>
<p>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!<br />
4o</p>
<p style="text-align: center;"><span style="color: #ffcc99;"><a style="color: #ffcc99;" href="https://keenessays.com/order/">Need help with assignments? </a></span></p>
<p style="text-align: center;"><span style="color: #ffcc99;"><a style="color: #ffcc99;" href="https://keenessays.com/order/">Our qualified writers can create original, plagiarism-free papers in any format you choose (APA, MLA, Harvard, Chicago, etc.)</a></span></p>
<p style="text-align: center;"><span style="color: #ffcc99;"><a style="color: #ffcc99;" href="https://keenessays.com/order/">Order from us for quality, customized work in due time of your choice.</a></span></p>
<p style="text-align: center;"><a class="fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium fasc-style-bold" style="background-color: #4ca642; color: #ffffff;" href="https://keenessays.com/order/">Click Here To Order Now</a></p><div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-160679" class="share-facebook sd-button share-icon" href="https://topsuccessfulwriters.blog/2024/07/basic-structure-of-an-html-documentevery-html-document-has-a-basic-structure-th/website-development/?share=facebook" target="_blank" title="Click to share on Facebook" ><span>Facebook</span></a></li><li class="share-x"><a rel="nofollow noopener noreferrer" data-shared="sharing-x-160679" class="share-x sd-button share-icon" href="https://topsuccessfulwriters.blog/2024/07/basic-structure-of-an-html-documentevery-html-document-has-a-basic-structure-th/website-development/?share=x" target="_blank" title="Click to share on X" ><span>X</span></a></li><li class="share-end"></li></ul></div></div></div></div>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"
style="margin-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)">
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained">
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer">
</div>
<hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" style="margin-bottom:var(--wp--preset--spacing--40)"/>
<nav class="wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-10 wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)" aria-label="Posts">
<div class="post-navigation-link-previous wp-block-post-navigation-link"><span class="wp-block-post-navigation-link__arrow-previous is-arrow-arrow" aria-hidden="true">←</span><a href="https://topsuccessfulwriters.blog/2024/07/i-want-you-to-write-the-total-addressable-market-tam-serviceable-available-ma/business-and-management/" rel="prev"><span class="post-navigation-link__label">Previous: </span> <span class="post-navigation-link__title">I want you to write the Total Addressable Market (TAM), Serviceable Available Ma</span></a></div>
<div class="post-navigation-link-next wp-block-post-navigation-link"><a href="https://topsuccessfulwriters.blog/2024/07/use-observational-learning-theory-to-explain-gender-norms-in-american-society/psychology/" rel="next"><span class="post-navigation-link__label">Next: </span> <span class="post-navigation-link__title">Use Observational Learning theory to explain ‘Gender Norms’ in American society.</span></a><span class="wp-block-post-navigation-link__arrow-next is-arrow-arrow" aria-hidden="true">→</span></div>
</nav>
</div>
</div>
</main>
<footer class="wp-block-template-part"></footer>
</div>
<script type="text/javascript">
window.WPCOM_sharing_counts = {"https:\/\/topsuccessfulwriters.blog\/2024\/07\/basic-structure-of-an-html-documentevery-html-document-has-a-basic-structure-th\/website-development\/":160679};
</script>
<script id="wp-block-template-skip-link-js-after">
( 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 );
}() );
</script>
<script src="https://stats.wp.com/e-202452.js" id="jetpack-stats-js" data-wp-strategy="defer"></script>
<script id="jetpack-stats-js-after">
_stq = window._stq || [];
_stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"234025724\",\"post\":\"160679\",\"tz\":\"0\",\"srv\":\"topsuccessfulwriters.blog\",\"j\":\"1:13.9.1\"}") ]);
_stq.push([ "clickTrackerInit", "234025724", "160679" ]);
</script>
<script id="sharing-js-js-extra">
var sharing_js_options = {"lang":"en","counts":"1","is_stats_active":"1"};
</script>
<script src="https://c0.wp.com/p/jetpack/13.9.1/_inc/build/sharedaddy/sharing.min.js" id="sharing-js-js"></script>
<script id="sharing-js-js-after">
var windowOpen;
( function () {
function matches( el, sel ) {
return !! (
el.matches && el.matches( sel ) ||
el.msMatchesSelector && el.msMatchesSelector( sel )
);
}
document.body.addEventListener( 'click', function ( event ) {
if ( ! event.target ) {
return;
}
var el;
if ( matches( event.target, 'a.share-facebook' ) ) {
el = event.target;
} else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-facebook' ) ) {
el = event.target.parentNode;
}
if ( el ) {
event.preventDefault();
// If there's another sharing window open, close it.
if ( typeof windowOpen !== 'undefined' ) {
windowOpen.close();
}
windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' );
return false;
}
} );
} )();
var windowOpen;
( function () {
function matches( el, sel ) {
return !! (
el.matches && el.matches( sel ) ||
el.msMatchesSelector && el.msMatchesSelector( sel )
);
}
document.body.addEventListener( 'click', function ( event ) {
if ( ! event.target ) {
return;
}
var el;
if ( matches( event.target, 'a.share-x' ) ) {
el = event.target;
} else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-x' ) ) {
el = event.target.parentNode;
}
if ( el ) {
event.preventDefault();
// If there's another sharing window open, close it.
if ( typeof windowOpen !== 'undefined' ) {
windowOpen.close();
}
windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomx', 'menubar=1,resizable=1,width=600,height=350' );
return false;
}
} );
} )();
</script>
</body>
</html>