Jump to content

First Steps Into HTML


MoAZeR

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
Link to comment
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
Link to comment
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.

Link to comment
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.

Link to comment
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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.