Labels

Build HTML & CSS websites

What is HTML?

  •     HTML - Hyper Text Markup Language
  •     Not a programming language its a markup language for webpage or documents
  •     There is no logic, no programs its just a skeleton 
  •     HTML is building block for every website in the world
  •     Extension of this file is .html

HTML versions 

    HTML 2      - November 24, 1995
    HTML 3      - January 14, 1997
    HTML 4.0   - December 18, 1997
    HTML 4.01 - December 21, 1999
    HTML 5      - October 28, 2014
    HTML 5.1   - November 01, 2016
    HTML 5.2   - December 14, 2017

How to start the HTML?

    The major two things is required to write or rum the HTML files

  1.         Browser      - Google chrome, Firefox, Opera Mini, Safari.....
  2.         Text editors - Sublime, Notepad.

Few questions will raise when hear about HTML.

  •     Is server required?
  •     Is Internet required?
  •     Is Domain required?

    To answer all the above questions, simply we can say nothing is required at the scratch level. To program and run the code one text editor and browser is enough.

    The next level to the scratch we required all these things (Domain, Internet, Server..)

How to save the HTML file?

    Once the coding is scripted the programmer has to save the file with index.html

    On most web servers, if the browser requests a URL that maps to a local directory, the server will check that the directory for a file called index.html 

Simple block structure file:


The following is an example for the classic "Hello world!" program:

<!DOCTYPE html>
<html>
  <head>
    <title>This is a title</title>
  </head>
  <body>
    <div>
        <p>Hello world!</p>
    </div>
  </body>
</html>

  •     The Document type declaration <!DOCTYPE html> is for HTML5. If the declaration is not included, various browsers will revert to "quirks mode" for rendering.
  •     The text between <html> and </html> describes the web page
  •     The  markup text <title>This is a title</title> defines the browser page title
  •     The text between <body> and </body> is the visible page content
  •     Tag <div> defines a division of the page used for easy styling.

Output:



    

Labels:

Comments

Post a Comment

Thanks!!!

Popular Posts