• Breaking News

    Business

    Friday, January 30, 2015

    HTML Basics- Webpage, HTML document and principles of HTML writing

    HTML Basics- Webpage, HTML document and principles of HTML writing-HTML stands for Hyper Text Markup Language used to create web pages and it was first introduced in 1991 by Tim Banners Lee, a private contractor working at at CERN, a Physics Lab. Though at present the HTML and CSS are a large number of Tags, Elements and Attributes are used to create an HTML document but the first release in 1991, described only 18 basic elements and out of which eleven elements still exist. In fact a website is a collection  and other digital assets which can be addressed by URLs.

    What is a webpage

    A web page is a resource of information or a document suitable for world wide web and can be accessed through a web browser. It is a hypertext document connected to the world wide web and capable of displaying a web page on a monitor or a mobile hand set’s screen. The term is also referred to a computer file, usually written in HTML or compatible markup language. A webpage is in fact an Electronic (digital) document created with HTML and, therefore, accessible with a browser.


    What we need to create an HTML document

    If you think that to create an HTML document you need something special like some additional hardware or software, It is not true. You are already having everything required to create an HTML document. To create an HTML document you need a computer, a text editor,  that you are already having in your windows as notepad and a web browser. Note pad is considered to be an ideal text editor for an HTML document and for this purpose Google Chrome, Mozilla Firefox, Windows internet Explorer or any other web browser will do.

    Creating an HTML document

    Before working on HTML documents, we need to bear some points in mind like –
    1.      Hyper Text Markup Language in not case sensitive.
    2.      Describe the encoding in the encoding attribute  
    3.      Make sure you know what encoding the editor uses     
    4.      Use an XML editor that supports encoding    
    5.      UTF-8 is a web standard and UTF-8 is the safest encoding to use.
    6.      Extension of the HTML must always be .html or .htm.
    7.      Entire document is composed between starting tag and the ending tag .
    8.      Each HTML document consists of two sections, the head and the body
    9.      The first line in an XML document is called the prolog,  It is optional and Normally it contains the XML version number and the encoding used in the document.
    10.  The tags opened are closed in reverse order to the order in which they were opened. Means the tag opened last will be closed first and the tag opened first will be closed in the end. Understand it with the following example –

    </span></i></b><i><span style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">A blog on computer and technology<b><span style="color: #c0504d; mso-themecolor: accent2;">
    This contains most of the document

    See the above example. First  we  opened the  tag, then the  tag and then the </span></i></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> tag. Then we first closed the </span><b><i><span style="color: #c0504d; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-themecolor: accent2;"><title></span></i></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> tag first then the </span><b><i><span style="color: #4bacc6; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-themecolor: accent5;"></HEAD> </span></i></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> tag. Thus the </span><b><i><span style="color: #4bacc6; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-themecolor: accent5;"><HEAD> </span></i></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">tag was opened first but closed in the end, and the tag </span><b><i><span style="color: #c0504d; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-themecolor: accent2;"><title></span></i></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> was opened later but closed earlier. The </span><b><i><span style="color: red; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><HTML></span></i></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">  is still open because it will be closed in the end after writing the entire document. See one more example given below -</span><b><i><span style="color: red; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><o:p></o:p></span></i></b></div><div class="MsoNormal" style="margin-bottom: 0.0001pt;"><br /></div><div class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 64.35pt; text-indent: 7.65pt;"><i><span style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><?xml version="1.0" encoding="UTF-8" ?><o:p></o:p></span></i></div><div class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 2cm; text-indent: 15.3pt;"><i><span style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-language: HI; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: "Times New Roman";"><html><o:p></o:p></span></i></div><div class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 1cm;"><i><span style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-language: HI; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: "Times New Roman";">                    <head><o:p></o:p></span></i></div><div class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 1cm;"><i><span style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-language: HI; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: "Times New Roman";">                    <title></span></i><i><span style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">A blog on computer and technology</span></i><i><span style="font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-language: HI; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: "Times New Roman";">
                        
                       
                         

    My Blog Heading

                         

    This is the first paragraph of text.

                         

    This is the second paragraph of text.

                        
                        

    Now save the document with .html or .htm extension. To run the document we can double click on it or open the web browser or open the file as any other file.

    If you want to read more on  USB Disabler-a very useful, small application for Windows please click this link.
    If you want to read more on  How to Remove High Risk Dangerous Trojan.BitcoinMiner please click this link.
    If you want to read more on  Microsoft Office Keyboard Shortcuts To work Faster and easy please click this link.




    No comments:

    Post a Comment

    Fashion

    Beauty

    Travel