HTML coding environment

Discussion in 'Web Design, HTML And CSS' started by MinalS, May 28, 2016.

  1. MinalS

    MinalS New Member

    Joined:
    Jul 8, 2014
    Messages:
    138
    Likes Received:
    32
    Trophy Points:
    0

    Different HTML editors



    The editor is a program useful for editing the HTML coding which is added as the markup. The text editors are used for adding the HTML markup. There are different advanced editors which are useful for adding the functionality to them. These editors are useful for scripting, CSS, HTML, etc.

    The different editors which are useful in editing the data are text editors, object editors, WYSIWYG, Microsoft WebMatrix and Sublime Text. The WebMatrix and Sublime text are used for professional editing. Let us learn in detail about the editors like text, object and WYSIWYG.
    1. Text editor - The text editors are used with HTML for adding the syntax and providing the highlighting to the text. The different elements of HTML like the structures and templates can be easily added to the editor. The editors contain built in functions or the tools needed for integration with the different tools as version control, validation code, etc. The user needs to have a good knowledge of HTML for the use of the text editor.
    2. Object editor - In object editor, the source text of objects can be edited and organized more effectively than the text editors. The palette window is used for is used for editing the text based parameters of the respective objects. The editing of parameters in the fields of particular parameter, or complete group of the text of the selected data can be done. The widgets to define the options for editing the parameters.
    3. WYSIWYG editor - Using the WYSIWYG editor, user can edit the interface and adjust the display on the web browser. The Microsoft Frontpage and Dreamweaver can be used as the editors. It is not necessary for the users to have HTML knowledge.
    The layout engine is dependent on the web browser. Users can edit the data by copying, pasting, deleting the contents. As soon as the editing is performed, the result is simultaneously displayed on the web browser. The editor is useful in preserving the element meaning. All the page formatting which contains headers, margins, sections, etc can be displayed on the web browser.

    There are some limitations with the use of WYSIWYG editor are as listed below.
    1. The display of the web page can be different in the browsers like Internet Explorer, FireFox, Opera, etc. Printing the web page through different web browsers can be different.
    2. User can suggest the screen resolution, color of the screen pixels for adjusting the appearance of the web page.
    3. It is not possible for the users to create a web page which can be common along all the web browsers. It is necessary to recode a part of HTML for the new version of the web browser.
    4. It is not easy for the coders to convey the meaning of the specific HTML tags on the web browser using the WYSIWYG editor.

    Creating the HTML document



    An HTML document can be easily created in a Notepad. For creation of the document, follow the steps mentioned below:

    1. Click Start, select All Programs, Accessories, and select Notepad
    2. In Notepad, add the following code
      Code:
      <!DOCTYPE html>
      <html>
          <body>
              <h1>Welcome User</h1>
              <p>My First HTML program</p>
          </body>
      </html>
      
    3. Next, save the file on your system by click File, Save As option. Add an appropriate name to the file with .html extension.
    4. Open the file in the web browser and the output is displayed.
      [​IMG]
     
    Last edited by a moderator: Jan 21, 2017

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice