Solid GunZ Forum
The VPS is online and the client is almost complete!
Check the announcement section to follow our progress!
We think the game will be online around 12th of December!

, Solid staff



 
HomeFAQRegisterLog in

Share | 
 

 [HTML] Basic Tutorial - Jééffy

View previous topic View next topic Go down 
AuthorMessage
Guest
Guest



PostSubject: [HTML] Basic Tutorial - Jééffy   Sat Nov 20, 2010 10:53 pm

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 <p> / </p> tags. (You always need to put text and things in the <body> / </body> tags. !)

Like this:

Code:
<p>And your text here
 One test text</p>

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>
<p> An testing text
 With an Enter. </p>
</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>
<p> An testing text
 Witn an Enter. </p>
</body>
</html>


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

4. Images

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

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>
<p> An testing text
 Witn an Enter. </p>
<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,


Last edited by Jeeffy on Sun Nov 21, 2010 10:04 am; edited 1 time in total
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 7:33 am

/moved to a more suitable forum
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 8:57 am

Now tell me, Once your finish, what do you do with the script?
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 10:03 am

Ohh right , forgot it Razz

You need to save it as index.html

And upload it to an server.
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 10:07 am

no need do this i has Dreamweaver that can do it for me =D
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 10:13 am

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.
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 5:08 pm

Pro coders^^?
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 7:49 pm

Alcohol wrote:
Pro coders^^?

Well i am not pro ^.^
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 9:09 pm

Nice tut, waiting for part 2:)
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 21, 2010 9:24 pm

Will be come asap
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Mon Nov 22, 2010 2:05 am

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.
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Mon Nov 22, 2010 4:47 am

/agreed with stephanm
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Mon Nov 22, 2010 9:07 am

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.
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Mon Nov 22, 2010 4:41 pm

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:)
Back to top Go down
Streamline
Admin
Admin
avatar

Posts : 103
Join date : 2010-11-15
Age : 26
Location : The Netherlands

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

Nice Tut.

and thanks for it.


Well done Jééffy Smile
Back to top Go down
http://hardcorepvm.top-me.com
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Tue Nov 23, 2010 1:50 am

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!
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Wed Nov 24, 2010 3:20 am

yeap agreed c(:
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Wed Nov 24, 2010 11:16 am

Thanksss <33
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 28, 2010 10:23 pm

the begin of html is

Code:

<html>
<head>
</head>
<body>
</body
</html>

jeeffy also usefull the B/I/U tags and the colors maby
Back to top Go down
Guest
Guest



PostSubject: Re: [HTML] Basic Tutorial - Jééffy   Sun Nov 28, 2010 10:47 pm

Ye,

But thats not the basic.
Back to top Go down
Sponsored content




PostSubject: Re: [HTML] Basic Tutorial - Jééffy   

Back to top Go down
 
[HTML] Basic Tutorial - Jééffy
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» Visual Basic Chess
» Basic Blender modeling, animation and exporting to ogre Tutorial
» Great Tank and Weathering tutorial
» Power Sword Tutorial (with more to follow)
» example of Basic turbo C program in PLC Programming

Permissions in this forum:You cannot reply to topics in this forum
Solid GunZ Forum :: Artist's Corner :: Developer's Corner-
Jump to: