Learning html Tutorial

html basic standard learning
html basic standard learning

Standard Learning html tutorial basic are those series of codes that a webpage on a website cannot do without; that is while creating a webpage on a website the developer will or must have to observe(include) them.

Learning html
Learning html

An example of basic html in Learning 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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<h1>Html heading one</h1>
<p>Html paragraph</p>
<a href="#linkshere">Html link</a>
<img src="image.jpg" />
<!-- html Comments -->
<li>Html list</li>


A standard basic HTML must have the following HTML codes tag else the HTML webpage is incomplete.


The list below shows the html tag codes which a html webpage cannot do without

  1. <!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
  1. <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
  1. <head> Then it must html head tag right after the second one
  1. <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
  1. <title> This part of the code gives the web document page the title on the browsers tab when previewed on the web browser.
  1. <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.


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.

  1. <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.
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
  1. <p>Html paragraph</p>
    This <p> is an HTML paragraph tag with which a line or paragraph is written in a webpage content article.
<p>This html tag depicts paragraph</p>
  1. <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 href=" "
<a href="https://shopinson.com">Click Link </a>
  1. <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=””
<img src="https://shopinson.com/wp-content/uploads/2018/02/shopinson-sitelogo.png" />
  1. <button>button</button>
    This <button> shows a button to click inside a webpage content when added in the html webpage
<button>Am a button</button>
  1. <!-- html Comments -->
    This <!-- --> 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
  2. <li>Html list</li>
    This tag <li> is normally used to make bulleted list in a web page document content
<li>List 1: </li>
<li>List 2: </li>
<li>List 3: </li>

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 [/]

Only the <!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 you really do learn something from it, wish i hope you did.


Please enter your comment!
Please enter your name here