An example of basic html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <h1>Html heading one</h1> <p>Html paragraph</p> <a href="#linkshere">Html link</a> <img src="image.jpg" /> <button>button</button> <!-- html Comments --> <li>Html list</li> </body> </html>
FEATURES OF HTML BASICS
A MUST CONTAIN CODES IN A HTML WEBPAGE
The list below shows the html tag codes which a html webpage cannot do without
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">This code declares that the document is an html webpage
<html xmlns="http://www.w3.org/1999/xhtml">The webpage html code must start with the second html code with depict that the page is really a html document
<head>Then it must html head tag right after the second one
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />The developer might include meta right with in the html head tag if at all he / she has any meta to include
<title>This part of the code gives the web document page the title on the browsers tab when previewed on the web browser.
<body>This code snippet is the part all other content of the web page document goes with in such as body of a letter so as this contains the body of the webpage.
NOT-MUST CONTAIN IN A HTML WEBPAGE
The list here show some html tags as included in the code in our example above this are few list of all html tag codes will we be showing more of it in our other posts.
Note: the list here are only written only in between <body> html tag and a Html webpage might contain them or not.
<h1>Html heading one</h1>This <h1> is an html heading tag though we have about 6 of html heading for example <h2>, <h3>, <h4>, <h5>, <h6>
These HTML Heading are used to display topic heading of an article content on a webpage with different sizes.
This <p> is an HTML paragraph tag with which a line or paragraph is written in a webpage content article.
This html tag depicts paragraph
<a href="#linkshere">Html link</a>
<a href=" ">declares a HTML link on any webpage whenever one needs to add link on a html webpage it starts with
<a href=" ">then the link subject url goes in between the quote in the
<img src="image.jpg" />
This links and displays images or graphics on any html web page the <img src=” ” /> declares that one wants to add image or graphics to a webpage then the url of the image to be displayed goes between the quote in the src=””
This <button> shows a button to click inside a webpage content when added in the html webpage
<!-- html Comments -->
<!-- -->is an html comments tag which is used to declare line or paragraph of comments this comments is normally used in order to give instructions inside the webpage document codes which will not be display globally on the webpage rather it is placed by web developers or designs to explain atimes what portion of code they write functions inorder to help another programmer work on the code in their absence knowing exactly what the original programmer has in mind for writing that particular portion of code for a particular function inside that html web page.
The instructions that might include with an html comments tag may be for the following:
- How to edit the html
- How to use a group of Html code
- How to manipulate the function of a html codes
This tag <li> is normally used to make bulleted list in a web page document content
All the html tag has an opening tag and then must have a closing tag else the webpage might or might not work correctly.
<title> = Html title opening tag
</title> = Html title closing tag
<body> = Html body opening tag
</body> = Html body closing tag
Notice: the closing tags have a forward slash [/]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> has no closing tag in our example above though there are many others that does not have closing tags will be shown in our other posts.
Share this article if it really do helped you