Regent iTech - Software Training Institute

Corporate, Online and Classroom Trainng

Advanced Technology Hands On Training

Software Development - Mobile and Web

www.regent-itech.com   Call:9513325606

HTML Programming Tutorial for Graduates and Engineers

Introduction

Hypertext markup language (HTML) is the basic language used to create documents for the Web

HTML is a formal Recommendation by the World Wide Web Consortium (W3C) for web pages

HTML describes the structure of Web pages using markup

Browsers use HTML Tags to render the content of the page

Why to learn HTML?

HTML turn out be basic programming language for any one interested to learn advance programming like java, python, php etc.

HTML uses "markup" to represent text, images, and more for display in a Web browser.

Who can learn HTML?

Anybody interested to become computer programmers, Web Developers, Leads and Managers to manage website and web development projects

Where HTML is Used ?

HTML is widely used and most popular web programming language. It is used for Development of Website, Hybrid Mobile Application, Game Applications, Business Applications etc.

HTML Pages can be used locally without internet and run on a browser.

Can be used for Help Files and Tutorials Material Preparation

Nowadays school students started using for project and simple Web page design, presentation etc.

Tips and guidance :

- Learn how to develop Basic websites

- Learn How to develop Responsive Mobile friendly website

- Learn how to apply for business applications

- Learn how to program for internet applications

- How to program for web.

Prerequisites

- Anybody with experience in Computer operation and use of Office packages etc.

Writing Simple HTML Programs

Simple Hello World HTML

<!DOCTYPE html> <html> <head> </head> <body> <h1>Hello World </h1> </body> </html> <p><b> Login Screen Design </b></p> <!DOCTYPE html> <html lang = "en"> <head> </head> <body style="background-color:green;margin-top:100px;margin-left:100px;color:black;"> <table style=" background-color:blue;font-size:14px;font-family:verdana;width:300px;heoght:80px;color:black;"> <tr><th colspan="2" style="text-align:center; background-color:grey;">login form</th></tr> <tr><td>username</td><td><input type="text"name="fname" id="ss"></td></tr> <tr><td>password</td><td><input type="password" name="fname" id="ss"></td></tr> <tr><td>User type </td><td> <select name="JOB"> <option>Admin</option> <option>User</option> <option>Security</option> </select> </td> </tr> <tr><td colspan="2" align="center"><input type="button" name="login"id ="login" value="login"> <input type="button" name="cancel"id ="cancel" value="cancel"></td></tr> </tr> </table> </body> </html>

Using Simple Progress Bar

<!DOCTYPE html> <html lang = "en"> <body> <progress id='p' max='6770'><span>0</span>%</progress> </body> </html>

Office Address

Jayanagar 9th Block, Jayanagar, Bangalore. Karnataka, India - 560041. Landmark :opposite to Ragigudda / Central Mall , Behind Big Bazaar, Near Jain University & Opposite to LensKart.com and Himalaya Drugs , Call : 9886272445 / 9513325606