Posts

HTML Template

We are going to start with simple HTML template Copy this text and create one html file from it.   <!DOCTYPE html> <html> <head> <title>Awesome Tutorial</title> </head> <body style="background-color:#00FF00">  <h1 style="background-color:#FF0000">My First Web Page</h1> <div style="background-color:#0000FF;padding:20px"> body color green</br> heading color red</br> </div> </body> </html>
Post a Comment
Read more

HTML Tags

Lets start learning tags that you used in previous post.  Did you saw the result on browser? Did you liked it? Any ways lets start with tags. Very first line in HTML file show version of your HTML.  <!DOCTYPE html> Above line tells your browser that in which version of HTML you are going to write your script.  Current version of HTML is 5. <HTML> Root or Parent tag in any html page is <HTML>. All your html script lies between html tag Every HTML tag opens like <TAGNAME> and closes like </TAGNAME> e.g. <HTML></HTML> <head> <title> This two tags tells browser what to show in browser header.   e.g   <head> <title>Page Title</title> </head Next Important tag is body  main html script which renders actual screen lies here in body tag.  e.g.   <body></body> From w3school more details. The <!DOCTYPE html> declaration defines this document to be HTML5 The <htm
Post a Comment
Read more

First HTML Script

That was just worm up for learning HTML. Lets start codding now. I am sharing code block here copy it in text file and save as test.html. Make sure that file extension is visible in your system. Once you save this HTML open it in browser. HTML Code: < !DOCTYPE html > < html > < head > < title >Awesome Title < /title > < /head > < body > < h1 > My First HTML Page < /h1 > < p >You Rock. < /p > < /body > < /html >
Post a Comment
Read more

Browser

A web browser (commonly referred to as a browser) is a software application for accessing information on the World Wide Web. Each individual web page, image, and video is identified by a distinct URL, enabling browsers to retrieve and display them on the user's device(From WIKIPedia) Web Browser process HTML script and presents Visual for it in Web Browser software. Web Broswer e.g. Chrome, Mozilla, Safari, Internet Explorer etc. All browsers have there own Browser engine which is core of the browser software. I can visualize the flow here. HTML script → Browser Engine → Render/Draw graphics on Browser window.
Post a Comment
Read more

HTML

Lets begin with understanding HTML. What is HTML? Ok. Technical defination is. HTML is the standard markup language for creating Web pages. Hypertext Markup Language  You can find more details on w3scool about HTML .   HTML is script which browser interprets and shows the graphics on browser screen.  Browser engine only understands the HTML language.  
Post a Comment
Read more

Introduction

This is my first post about programming html. I dont want bore you with my intro. Just keep in mind I am going to teach you HTML and CSS any how. This specially dedicated to my Bro to whom I want to teach it. You can ask me any HTML and CSS related question by replying to my Post. I want summarize all the lesson but I will take you to point where you can start discovering all the thing yourself. Lets Start!... HTML & CSS.
Post a Comment
Read more