Example of an HTML program


Here are the First HTML programs which help in your website when you create it.
Example
If you don't know what will need you for creating a website then you just visit on my blog:  https://trendtechpool.blogspot.com

 You got all the information regarding website design means what languages and tools are required.

 Caution: At this time we will create a web page without CSS. 

 Let's create our first programs in HTML.

Here are some steps are given and follow it - 
Steps

 Step 1) Open your Editor like Subline Text, Visual Studio Code, Notepad++, Atom etc. If you don't know what is Editor  and where else to install then you just go my previous blog
 https://trendtechpool.blogspot.com/2018/12/required-of-languages-tools-for-create.html. 

Here, I use Visual Studio Code.

 Visual Studio Looks like this when you open it.

Visual Studio editor on Screen 


 Step 2) Make a folder on desktop or any other Directories.

 Here, I create an folder which I named it Example.
Example

 Step 3) Create a file like your_file_name.html inside your folder, here I create a file i.e, Demo.html inside Example folder.

Create a file Demo.html

 Step 4) Open your folder inside Visual studio Code.

    Note:  There are two methods to open this folder in Visual Studio.

   1st ) Open Visual Studio, click on the File after that click on the open
          folder and click on your folder name.

                           File-> Open folder-> Click on your folder -> Select Folder
2nd ) Drag and drop your folder to take you to Visual Studio.

Look like this 
       So let's start to write an HTML code.
<!DOCTYPE HTML>
 <html>
 <head>
  <title>First HTML program</title>
</head>
<body>
 <h2>HTML Forms</h2>
 <form action="/action_page">
First name:
<br>
<input type="text" name="firstname" value="Akash">
  <br>
Last name:
<br>
<input type="text" name="lastname" value="Singh">
<br><br>
<input type="submit" value="Submit">
</form> 
</body>
</html>


         This above HTML Code looks like in Visual Studio Code.


Looks like in Visual Studio Code
        Save this code using command ctrl+s or click on the file -> save. 
Step 5) Copy the path of your file inside any folder.

 Here, my path (i.e, Demo.html) file:///C:/Users/Aakash/Desktop/Example/Demo.html

Tips:  Open your  Browser like Google Chrome, Internet Explorer, Mozilla Firefox, Safari etc. 
Browers

     Paste the paths into the search engine.
      i.e, file:///C:/Users/Aakash/Desktop/Example/Demo.html


Looks like this
                                OR

    You can also directly open this file using Double click.
  
        Then the page looks like this - 


Web Page


Tips: You can also create your own website in a similar way with the help of HTML if you need more information then I suggest you, visit on 
https://www.w3schools.com/html/default.asp and cleared your all doubts. 


    So Do first then see.

Note: If you want more information regarding Technologies, please


**If you like this please share and also give your suggestion regarding my blog content in
Comments section.

Comments

Post a Comment