HTML Tutorial and Programs and Examples

About HTML

  • HTML, which stands for Hyper Text Markup Language, is a markup language used to create web pages.
  • HTML is not a programming language, but rather a markup language. 
  • HTML is a subset of Standard Generalized Markup Language (SGML) and is specified by the World Wide Web Consortium (W3C).

How and What do I need to create HTML?

Creating an HTML document is easy.
To begin coding HTML, you need only two things: 

  1. Simple-text editor, such as 

  •  Notepad (for Windows)
  • Pico (for Linux)
  • Text Edit/Text Wrangler (Mac).

     2. HTML Editor:

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

Do I need to be online?

No, you do not need to be online to create web pages. You can create web pages on your local machine. You only need to go online when you want to publish your web page to the web - this bit comes later.

Words to Know

Throughout this tutorial, we will be using several terms that are unique to HTML. It is important for you to understand what these words mean, in the context of HTML.
  • Tag - Used to tag or "mark-up" pieces of text. Once tagged, the text becomes HTML code to be interpreted by a web browser.
                                                  Tags look like this: <tag>
  • Element - A complete tag, having an opening <tag> and a closing </tag>.
  • Attribute - Used to modify the value of the HTML element. Elements will often have multiple attributes.
For now, just understand that a tag a piece of code that acts as a label that a web browser interprets, an element is a complete tag with an opening and closing tag, and an attribute is a property value that customizes or modifies an HTML element.

 ollow the 4 steps below to create your first web page with Notepad.

Step 1: Start Notepad

To start Notepad go to:

Start
    All Programs
        Accessories
            Notepad

Step 2: Edit Your HTML with Notepad

Type your HTML code into your Notepad:

 Notepad

Step 3: Save Your HTML

Select Save as.. in Notepad's file menu.
When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.
Save the file in a folder that is easy to remember, like w3schools.

Step 4: Run the HTML in Your Browser

Start your web browser and open your html file from the File, Open menu, or just browse the folder and double-click your HTML file.
The result should look much like this:

View in Browser

 

No comments:

Post a Comment

Subscribe to: Posts (Atom)