Tuesday, January 19, 2010

Sample Web Page

In this tutorial, I will show you how to create a simple web page.

4 Steps to Create a Simple Web Page

  1. Open a Notepad learn html online
  2. Write the text below on your notepad.

    Hello World
  3. Save file as Helloworld.html
    Note: When saving *.html in notepad make sure you'll include double qoutes(") around the filename, like for example -> "helloworld.html" - this will save the file as *.html and and not *.txt
    learn html online
  4. learn html online Open the helloworld.html file. Just simply double-click the file it will automatically open a web browser.
Congratulations! You have successfully created your first web page. On your browser screen, you'll see a "Hello World" text display on the screen. :)

It is advisable to follow the markup tags format below everytime you create a webpage. For now, I will not discuss the details of the tags.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Web Page Title</title>
  </head>

  <body>
      Hello World
  </body>
</html>

Copy the code above and overwrite helloworld.html file or save the changes. Then refresh the browser. You'll notice the output is the same as before but notice on the header bar you'll see the text "Web Page Title". That is the string inside the <title>Web Page Title</title> pair of tags.

From now on, we will follow this main html tag structure.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>...</title>
  </head>

  <body>
      ...
  </body>
</html>

Saturday, November 21, 2009

HTML Introduction

HTML stands for HyperText Markup Language this serves as the back-bone of a single html web page. HTML is a simple scripting language used to create your a web page. On this tutorial, I will guide you on how to create your own web page. I will discuss here from the very basic to advance HTML scripting. I will make this nice and easy so that you'll learn it very quick. So, let's get started. :)

Getting Started

HTML is made up of markup tags (pair of tags) like <html>...</html>. Markup tags are not revealed by a web browser, they are invisible. We should follow the main markup tags structures: (See code below). We will be using this main markup tags structure all throughout the tutorials.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>...</head>
<body>...</body>
</html>

Notice the code above they always have a pair-tag like <html> (we call it opening tag) and </html> (we call it the closing tag)

Remember this everytime you create a HTML script the format above should be in correct order (it cannot be interchange), it is case-insensitive meaning ( <HTml>...</htML> ) are acceptable but not recommended.


Editor

You can use notepad, dreamweaver, and etc...


File Format

When saving the HTML script it should in *.htm or *.html file format.



On the next tutorial you'll learn more about markup tags.