Thursday, 15 March 2018

html tutorial for beginners with examples and coding

html tutorial for beginners with examples and coding
Quick and easy guide for html with example and coding in notepad
html5 and css3 tutorial - easy way of learning html5 and css3 with the help of notepad 
Chapter - one 

In this digital era, the field of website is growing day by day, we all daily use it, whether is search engine, social networking site, e-commerce website or a video sharing site. The basic for all is HTML, if you actually want to create a website, try to understand the programming in HTML. html5, css3 learning is written in very simple way, so that a beginner can understand the techniques of programming as well become familiar to HTML. This is chapter number one, you can see the post for next chapter, just try on your computer or laptop, everyday and see the output. You must pay attention specially on the beginning of tags and do not forget to close all those tags which you added in programming. 


start off coding for website how to make programming is a part of form html by which a single choice can be chosen from many options in this tutorials of website designing or webpage design, what is html? how to create website, website design web design, You can use notepad of windows or notepad++ for writing the codes for html and css, how to make website using html and css, introduction to html programming in very easy and simple way from basic and starting. In notepad++ you can type your code and click on file menu and save as sub menu and change normal text file (*.txt) option to (HTML) Hyper Text Markup Language file (*.html) or before starting to type your code click on to language menu, find the first letter of your language in which you want to type your coding, click H submenu and select HTML language there, it will now work as a default language for your software and while you will save your file, the software will automatically choose Hyper Text Markup Language file (*.html).



There are two types of website, first is static website where no JavaScript or php is used in the coding, second is dynamic where server side programming such as php or other language is used and the client side script like JavaScript or other language is also used, third is sql language which is used for server side database management, but all the three languages which we are discussed used in dynamic websites not in static websites, both static and dynamic websites or webpages uses html - hypertext markup language and css - cascading style sheet which are primary languages for making webpage or website and necessary for both static and dynamic webpages or websites both, so have to start from html later css and later other languages to learn,


    Saving File for HTML in notepad or notepad++
    Saving file for HTML
  • In next chapters we have updated the text matter for your convenience, so that step by step guidance will be provided to make the HTML Programming easy.  

So, let us start programming today in very simple way. Best of Luck !
Open text editor / notepad and start to type coding for HTML5.

so have to start from html later css and later other languages to learn, Here we are trying to understand about static website or static webpage. Latest versions of html and css programming languages are html5 & css3. You have to save as the written text or code of html in notepad, you will find two option there beneath as save as type, first option will be - text document (.txt extension) file and second - all file, you have to choose second option not first one, choose all file as type above in file name column as index.html (delete that *.txt extension which is already written there) and save the file. by default you will find *.txt extension again and again, you always have to omit this *.txt extension and make new one adding .html extension while saving a new file as save as file for the first time for a new file, after that you can save the file which you have given a name and .html extension too. this is the intro or introduction to you for starting html as first language for your web page website designing. In notepad++ you can type your code and click on file menu and save as sub menu and change normal text file (*.txt) option to Hyper Text Markup Language file (*.html) or before starting to type your code click on to language menu, find the first letter of your language in which you want to type your coding, click H submenu and select HTML language there, it will now work as a default language for your software and while you will save your file, the software will automatically choose Hyper Text Markup Language file (*.html).
  • start to type there as 
<html>
<body>
This is your First Line, which will be shown on web browser.
</body>
</html>


  • Now save the file. 
  • [Remember: During saving (Ctr + S) the file see below, there are two option in save as type : text document (*.txt) and all files] You have to select all files in your text editor or notepad. Type your file name as index.html in file name column.
  • Remember where you put your index.html file. Go there and double click on your index.html and see your first effort for your own website.
In next chapters you will see how to change bgcolor in HTML meaning background colour of the page in HTML, creating table in HTML, Form creation in HTML. A lot of techniques, we will learn during the form creation in HTML i.e. 
  1. input type text tag in HTML
  2. input type number tag in HTML 
  3. how to add submit button in HTML 
  4. how to add reset button in HTML 
  5. how to add comment box in HTML 
  6. how to add legend in HTML 
  7. how to add textarea in HTML.
  8. Inserting images in HTML.
  9. Inserting table in HTML.
In short, this is right way to learn HTML / HTML 5 for beginners with examples and its output.
For next chapters see the posts or chapters.
Please comment if you find any problem.

4 comments:

  1. PK Domain provide web hosting service in Pakistan with free domain name in. com,. net,. org,. biz. Free web hosting account and domain in Pakistan, self create your own website in no cost, get best professional hosting services for free in Pakistan. Our services are available in all cities of Pakistan you can order us via www.pkdomain.com.pk. PK Domain is providing cheapest web hosting we also offering dedicated website hosting for the first time in Lahore Pakistan.. We provide to our customers 24/7 services to our honorable customers with 99.9% up time guarantee.

    ReplyDelete
  2. A simple bookmarking tool that makes it easy to save, organize and share your favorite web pages. Access your bookmarks from any computer, phone or tablet. Listango works on all modern web browsers… thebestvpn

    ReplyDelete
  3. So luck to come across your excellent blog. Your blog brings me a great deal of fun.. Good luck with the site. https://internetprivatsphare.ch/gunstiges-vpn/

    ReplyDelete
  4. Its my great pleasure to visit your blog and to enjoy your great posts here. I like it a lot. I can feel that you paid much attention for those articles, as all of them make sense and are very useful.  diebestenvpn

    ReplyDelete