Thursday, August 3, 2017

HTML Tutorial -03: Environment Setting For HMTL coding

If you have completed previous two tutorial, then you can start this tutorial to start your HTML coding. Actually, HTML document contains two essential section. They are header section and body section. According to previous tutorial Header section containing title and meta information of author and Body section contains all visible elements of any webpage. Now we want to start coding in practically. For doing this, you have you set an environment to make your job faster, easy and more effective. Now let’s go to start. Just follow the below steps to create an effective environment for your coding.



Switch on your computer and anywhere of your computer you can create a folder but I prefer to create a new folder in the desktop for better practice. To create a new folder just right click your mouse and go to new and then click folder. A new folder will create and now give a name as your wish. Just follow the below image.




After creating a new folder, you have to check that in your computer file extension is visible or not. File extension means the last part of any file. Such that any book format file contains an extension .pdf, any image format may be .png or .jpg or .gif etc. These are called file extension. So to active your file extension visible (By default it be hidden) go to your control panel and click File Explorer Options and then click view option at the top. Now go down and you will find the Hide Extension for all known files button is checked. Now just remove this check and click ok button, ok done! If feel difficult just follow the below image- 




Now back to your folder and enter in it and just again click mouse right side and go to new then go to text document. If will create a new text document. Now give a name of this text document like index. But most important thing is that this is file extension must be .html as we are going to start HTML Coding. Just follow the below image-




 
 
 
And follow the below image which is most important -






















0 comments:

Post a Comment