Jump to content
MoAZeR

First Steps Into HTML

Recommended Posts

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

Edited by Fearless Staff

Share this post


Link to post
Share on other sites

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

 

While you might have had the permission to copy Ryan's tutorials, I am perfectly sure you did neither have Microsoft's, nor Deception's permission.

 

The point of tutorials is not to carbon copy each word of them from other sites without giving the slightest bit of credits. And even though your intentions might have been good, this is just sad. Very sad.

  • Like 1

Share this post


Link to post
Share on other sites

!fail moazer

 

At least you could have mentioned a reference link and provide credit to real author that is not yours to keep and receive. Shame it is.

Share this post


Link to post
Share on other sites

yea i forgot to link it i linked others tots i will edit

:)

Share this post


Link to post
Share on other sites

yea i forgot to link it i linked others tots i will edit

:)

 

No, you don't simply add a link. You ask the authors for their permission to publish their work under your name. If they agree, you post the tutorial and add a link to the source, to show your appreciation to the authors' work. If they don't agree, you ask them if you are allowed to rephrase the tutorial with your own words, making your own examples and your own screenshots while still linking to the source of the tutorial, expanding the tutorial with information you found out yourself. And if they don't agree to that either, you simply don't post anything at all.

 

I thought it would be common sense not to copy other people's work, but I guess it is not.

Share this post


Link to post
Share on other sites

Mate i did forgot to add the link, i guess now i will have to rewrite my own one based on creating and index.html page for any site, Also i apologise i found this useful so i just posted it.

Share this post


Link to post
Share on other sites

×