Jump to content

  • Log in with Facebook Log in with Twitter Log In with Steam Log In with Google Sign In
  • Create Account

Tutorial info Visit support topic

  • Added on: Jun 06 2012 03:26 PM
  • Date Updated: Jun 12 2012 05:51 AM
  • Views: 264
 


First Steps Into HTML

Basics to HTML - Hyper Text Markup Language

Posted by MoAZeR on Jun 06 2012 03:26 PM
To create an HTML file
  • Open Notepad or any plain text editor.
  • From the File menu, choose New.
  • Type the following lines:
    <HTML>
    <HEAD>
    <TITLE>Top HTML Tags</TITLE>
    </HEAD>
    </HTML>
  • From the File menu, choose Save, and name the file First.htm. Leave the file open in the editor.
  • Switch to your browser, and from the File menu, choose Open, or type file://C:/webpages/first.htm in the browser's URL edit box. You should see a blank page with the window caption "Top HTML Tags."
    Notice the tags are paired and are included in angle brackets. Tags are not case-sensitive, but capitalization is often used to make tags stand out.
    The tag <HTML> starts the document, and the tag </HTML> ends it. Ending tags (not always required) are the same as the starting tag, but have a forward slash (/) in front of the tag. There should be no spaces between the angle bracket (<) and the start of your tag.
  • Switch back to Notepad, and after the </HEAD> line, type:
    <BODY>
    HTML is swell.
    Life is good.
    </BODY>
  • From the File menu, choose Save.
  • Switch back to your browser and refresh the page.
    The words will appear in the client area of your browser's window. Notice that your carriage return is ignored. If you want to have a line break, you must include a <BR> tag after the first line.
    For all the steps that follow, insert the text anywhere between <BODY> and </BODY> to add to the body of your document.
  • Add a header:
    <H3>Here's the big picture</H3>
  • Add an image, using a .gif file saved in the same directory as your page:
    <IMG src="yourfile.gif">
  • Add a list:
    <UL>Make me an unordered list.
    <LI>One programmer</LI>
    <LI>Ten SDKs</LI>
    <LI>Great Internet Apps</LI>
    </UL>
  • To number the list instead, use paired <OL> and </OL> tags in place of the <UL> and </UL> tags.
That should get you started. If you see a great feature on a Web page, you can find out how it was created by examining the HTML source. HTML editors such as Microsoft Front Page can be used to create both simple and advanced pages.

Here's the entire HTML source for the file you've been building:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Source:http://msdn.microsof...4(v=vs.71).aspx

That's all for the first steps.

Regards,
Adrian