As we all know HTML 5 is a work in progress and it is being revised as the next HTML standard. Well if you want to give it a try we need to learn HTML 4.01, I will give you an introduction to HTML 4.01 transitional which is the current fully developed markup language for web pages.
I could continue on talking about this for hours, but we are here for basic tutorials on how HTML works:
Tools Needed: Any text editor in any environment (Windows, MAC OS, Linux, etc).
- Textpad (Windows Users)
- Notepad (Windows Users)
- Kate (Linux Users)
- Just a basic text editor
Level of Difficulty:
-Beginner
INSTRUCTIONS:
Instructions:
1. Open your text editor
- You will find this application in Accessories or Utilities
2. Copy and paste the next lines of code:
-Do the proper indenting for better code reading
<html>
<head>
<title>html | hola mundo</title>
</head>
<body>
<p>
Hello World, this is my first html page!
</p>
</body>
</html>
3. Save the file to the Desktop as hola.html
4. Left click on the hola.html icon to view the options, and open with available internet browser such as (mozilla, safari, chrome, opera, internet explorer, etc)
5. Your result will be your first HTML web page.
It will look like the following:
Explanation:
HTML tags: Hyper Text Markup Language
<html> "Opening tag"
</html> "Closing tag"
Describes the head of an HTML document
<head> "Opening tag"
</head> "Closing tag"
Title an HTML document
<title> "Opening tag"
</title> "Closing tag"
Describes the body of an HTML document
<body> "Opening tag"
</body> "Closing tag"
Element for the paragraph in an HTML document
<p> "Opening tag"
</p> "Closing tag"
Take a minute to analyze how the code is structured and how logic works in this simple document.
Please comment about this short tutorial if you find it helpful!
No comments:
Post a Comment