HTML Editors
There are many
types of HTML editors which write HTML code in any text editors to build the
web pages for website like Notepad, Notepad++, Dreamweaver, Ms-Word, Subline
text editor etc. A HTML editor are the editors to edit their HTML code which
understand, viewed or translated by the any web browser like, Google Chrome,
Fire Fox, Internet Explorer etc. to presented html code on screen in front of
the user’s world-wide.
Creating HTML Documents:
To Create a HTML
Documents, first of all use any HTML/Text Editor like Notepad, Notepad++
etc. many more Editors to Create your HTML Documents. Follow these steps
as:
then click on all programs menu which appear above the Start menu Search Box Search Programs and Files. After that click on the Accessories like
Then after click Notepad
application
to type the HTML
Code as above and below indicated :
Basic Syntax is :
<DOCTYPE html>
<html>
<head>
<title>This is demo
test</title>
</head>
<body>
<h1>This is Heading </h1>
<p>This is Paragraph </p>
</body>
</html>
Saving an HTML Documents :
First of all left
click on the file menu or just press ctrl+s key on the keyboard and type
the name of the documents as you like, I my case as demo.html or demo.htm
after click OK or Save button to complete it.
Viewing an HTMl Documents :
To View the
current HTML Document which you save earlier as your name, In my Case Demo.html
or Demo.htm , just left click on the mouse button to open it in any Web
Browser or just right click on the mouse button then, click open with any web
browser to complete the operations.
This
is your first HTML documents as
demo.html :
Live HTML Editor
You can also write
their HTML code with these below live HTML editors as :
Now you can open any text editor or html editor then type the
above code into the document and save it any file name like demo.html or
demo.htm (You can give any name of your document) and click on the any browser
like google chrome, internet explorer, Firefox etc. to display the result.
You can try it yourself from here given link :
Just copy above code and past it in the code section and click on
the JKS RUN>> button to find the result.
Here is your result shown below :
HTML Document Structure
A typical HTML
Document will have the following structure as:
<!DOCTYPE
html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>
|
Post a Comment
Give suggestions if any? Thanks! Jitendra Kumar