All About HTML ( Learning Points )
1.) What is HTML?
HTML stands for Hypertext Markup Language. It is the main Markup Language for creating web pages and other information that is displayed on a web browser.
2.) HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets. (</>) Ex. <html>. HTML tags mostly all come in pairs. There is also a dash (/) which can 'finish' the element such as: <head>........</head>
3.) Several elements have different purpose. For example, the <head>, can mean the title, while <body> can mean the main context.
4.) Other than elements, there are also many html tags. Such as <p> which stands for paragraph, <h1,h2,etc> stands for to make different size headings, <b/strong> which stands for bold text, and <br> to make a line break, etc.
5.) Adding Images to the web page :
To add images, first we must insert the img src=..., and width, height, and all other components.
6.) Linking Web Pages:
<a href="...">...</a>. For example, <a href='http://www.hci.edu.sg">Hwa Chong Institution
- Links to HCI homepage
- Shows an absolute URL (External page)
7.) HTML versions
There are several HTML versions November 24, 1995, January 1997, December 1997, April 1998, December 1999, and finally May 2000.
8.) Adding comment in a html document using a html comment tag:
<!--...-->, <!-- This is a comment. However, comments are not displayed in the browser.
For example,
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>
9.) HTML attributes :
- HTML elements can have attributes
- Attributes provide additional information about an element
- Attributes are always specified in the start tag
- Attributes come in name/value pairs like: name="value"
10.) Short tutorial on creating HTML:
Step 1: Open up Notepad
in the notepad.
Step 3: Save the notepad as (Name you want).html
Step 4: Save it in "all files"
Step 5: The icon would become a webpage icon in the folder.
Step 6: Open it and it would open on your web browser.
No comments:
Post a Comment