learning html - intro
learning html - intro

Standard html-element-content-using-javascript/">html basic are those series of codes that a on a website cannot do without; that is while creating a on a website the developer will or must have to observe(include) them.

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 standard basic HTML must have the following HTML codes else the is incomplete.

A MUST CONTAIN CODES IN A HTML WEBPAGE

The list below shows the 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.

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.

  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.
EXAMPLES
CodesResult
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
  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.
EXAMPLE
CodeResult
<p>This html tag depicts paragraph</p> 

This html tag depicts paragraph

  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=" "
EXAMPLE
CodeResult
<a href="https://shopinson.com">Click Link </a> Click Link
  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=””
EXAMPLE
CodeResult
<img src="https://shopinson.com/wp-content/uploads/2018/02/shopinson-sitelogo.png" /> Learning html - STANDARD BASIC OF HTML
  1. <button>button</button>
    This <button> shows a button to click inside a webpage content when added in the html webpage
EXAMPLE
CodeResult
<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
EXAMPLE
CodeResult
<li>List 1: </li>
<li>List 2: </li>
<li>List 3: </li>
 
  • List 1:
  • List 2:
  • List 3:
  • IMPORTANTLY:

    All the html tag has an opening tag and then must have a closing tag else the webpage might or might not work correctly.

    EXAMPLE

    <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 it really do helped you

    LEAVE A REPLY

    Please enter your comment!
    Please enter your name here