Saturday, October 25, 2014

What is HTML?

What is HTML? okay in this post, I will share about HTML. Happy reading ^^..
HTML stands fof Hyper Text Markup Language. An HTML file is a text file containing small markup tags. The markup tags tell the Web browser how to display the page. An HTML file must have an ‘htm’ or ‘html’ file extension. HTML documents are described by HTML tags.  Each HTML Tags describes different document content. 

HTML can be edited by using a professional HTML editor like:
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor

HTML Example, i will give you smal HTML document. Let's try and don't forget you must have an 'htm' or 'html' file extension

<!DOCTYPE HTML>
<html>
<body>
<h1>My First Heading. </h1>
<h2>My Second Heading </h2>
<p>This is My first paragraph ^^</p>
</body>
</html>

Output:
example small html document, contoh html
SMALL HTML
Example explained from codes above : 
    - The DOCTYPE declaration defines the document type.
    - The text between <html> and </html> describes the web document.
    - The text between <body> and </body> describes the visible page content.
    - The text between <h1> and </h1> describes a heading (first heading).
    - The text between <h2> and </h2> describes a heading (second heading).
    - The text between <p> and </p> describes paragraph.

      Follow 4 steps below to make output above:
      Step 1 : Open Notepad
      To open Notepad in Windows 7 or earlier: Click Start (bottom left on your screen). Click All Programs. Click Accessories. Click Notepad.
      To open Notepad in Windows 8 or later: Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad. 

      Step 2 : Write Some HTML
      Write or copy codes above 

      Step 3 : Save the file on your computer
      Select File-->Save as in the notepad menu
      When saving an HTML file, use either .htm or .html file extension 

      Step 4 : View HTML page in your browser
      Double-click your saved html file, and the result will look like picture above

      Thanks for visiting this post ...^^

      0 comments:

      Post a Comment