[HTML] Basic Tutorial - Jééffy

Guest

Hii Peepz,

I dont know where to post it ..
So i post it here, pleasee move it to correct section?

Introduce:

1. What we gonna do?
2. The basic
3. Links
4. Images
5. Ending.

-------------------------------------------------------------------------------------

1. What we gonna do?

Well i will learn you some basic HTML.
HTML is an web language, for basic websites.
HTML stands for: HyperText Markup Language

You can use special programs for making HTML websites, but you also can use notepad.
Special programs are easy to use. But its really expensive.

-------------------------------------------------------------------------------------

2. The basic

Well lets start now.
If you want

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testing Page</title>
</head>

<body>
</body>
</html>

Well, you need this to make an HTML page.

Now change the <title> </title>
What do you want as title for your website?
I used : Testing Page

Code:

<title>*Your Title Here*</title>

To make text you use the / tags. (You always need to put text and things in the <body> / </body> tags. !)

Like this:

Code:

And your text here
One test text

Maybe you ask what are the
tag is?
Its an Enter.

Well the full script now:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testing Page</title>
</head>

<body>
 An testing text
With an Enter. 
</body>
</html>

This is the end of part 2. Lets go to Part 3.

-------------------------------------------------------------------------------------

3. Links.

We all know what 'Links' are?
Full name is: Hyperlinks.

We can make an hyperlink in HTML to. (remember put it in the <body> Tags)

This is an hyperlink:

Code:

<a href="Your Website Link">Your Text</a>

By Your Website Link you put the link.
And Your Text , What ever you want.

Full script now:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testing Page</title>
</head>

<body>
<a href="www.testing.com">Testing</a>
 An testing text
Witn an Enter. 
</body>
</html>

-------------------------------------------------------------------------------------

4. Images

It looks really cool if you have Images in your website.
So i tell you how to do it

First:

Choose an Image (i use one from me server.)

Code:

<img src="test.jpg" width="150" height="150" />

src="Your filepath."
width="The wideness of your image" (in pixels)
height="The highness of your image" (in pixels)

Well. That was the image things.

Remember to put it in the <body> tags.

-------------------------------------------------------------------------------------

5. The End.

Well The end is coming.

I hope i help you a bit with the basic HTML.

The end script:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testing Page</title>
</head>

<body>
<a href="www.testing.com">Testing</a>
 An testing text
Witn an Enter. 
<img src="test.png" width="150" height="150" />
</body>
</html>

Save it then as index.html
And upload it to ur server.

-------------------------------------------------------------------------------------

Well was it usefull or not?

Tips & Comments are welcome.

(sorry for bad english)

Jééffy,

Guest

/moved to a more suitable forum

Guest

Now tell me, Once your finish, what do you do with the script?

Guest

Ohh right , forgot it Razz

You need to save it as index.html

And upload it to an server.

Guest

no need do this i has Dreamweaver that can do it for me =D

Guest

Well Dreamweaver is easy.

But i script websites, And notepad is really usefull for it.

It start up in ilke 1 second.

And Dreamweaver in.. 20 secondes.

So.

Guest

Pro coders^^?

Guest

Alcohol wrote:: Pro coders^^?

Well i am not pro ^.^

Guest

Nice tut, waiting for part 2:)

Guest

Will be come asap

Guest

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Not really necessary.
You can make webpage file without it, just that Dreamweaver auto-add it.

And all this can be found on Google lol, it's like I have seen this tutorial before Surprised

.

Guest

/agreed with stephanm

Guest

StephanM wrote:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Not really necessary.
You can make webpage file without it, just that Dreamweaver auto-add it.

And all this can be found on Google lol, it's like I have seen this tutorial before Surprised

.

Ofcourse you can find it on google.

Huh , Every body who use html use it,

And how many times i need to say?
Not everyone use Dreamweaver for making websites.

Guest

Jeeffy wrote:

StephanM wrote:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Not really necessary.
You can make webpage file without it, just that Dreamweaver auto-add it.

And all this can be found on Google lol, it's like I have seen this tutorial before Surprised

.

Ofcourse you can find it on google.

Huh , Every body who use html use it,

And how many times i need to say?
Not everyone use Dreamweaver for making websites.

Well let's just say, ty for this tut, and stop this discussion without an end:)

Subject: Re: [HTML] Basic Tutorial - Jééffy Mon Nov 22, 2010 5:04 pm

Nice Tut.

and thanks for it.

Well done Jééffy Smile

Guest

I agree with Cruel, therefore; any posts related to what has been discussed above will be edited/removed.
The tutorial is great Jeeffy, thanks for the info!

Guest

yeap agreed c(:

Guest

Thanksss <33

Guest

the begin of html is

Code:: <html>
<head>
</head>
<body>
</body
</html>

jeeffy also usefull the B/I/U tags and the colors maby

Guest

Ye,

But thats not the basic.

» Jeeffy's Back !
» Signature Tutorial :)