• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

XHTML tutorial for beginners

X

Xenios

Well-Known Member
Senator
Joined
May 28, 2007
Messages
3,449
Reaction score
58
Location
Netherlands
Welcome...

At this thread you will begin with xhtml, the structure language for websites.

First you will need to have a html editor. I don't care so much what you use but I recommend you to start with notepad which is available at the most computers since it's simple and clean and you will make your own codes.

\\\\\---------xhtml tutorial------------|||||||||||||-----------Part 1------------//////

Okay let's start with some facts.

  • XHTML stands exactly for EXtensible HyperText Markup Language
  • XHTML is a stricter and cleaner version of HTML
  • XHTML is HTML defined as an XML application
  • XHTML is a W3C Recommendation
  • XHTML is compatible with HTML 4.01.
  • All new browsers have support for XHTML such as Firefox.
Why xhtml instead of html?

the piece below can still be used as html and visible even it's not correctly writen:

Code: 
<html>
<head>
<title>tutorial</title>
<h1>html
</head>
<body>
wrong and messy example of html
<b>
<b><p>lol
<p><b><u>lol</u>
</body>
</html>

Now this one is much better:

<Html>
<head>
<title>Otland</title>
</head>
<body>
<p>here u can type text</p>
</body>
</html>
--------------------------------------
if you view this in a web browser you will see that
the title is Otland and on the blank page you have write "here u can type text"

Now some more explanation:

What is <Html>?

Everything between the <html> and the </html> tag state is visible on your site.

What is <Head>?

Here you place piece script, that you call can then in the body at, (JavaScript or CSS).

What is <Body>?

Here comes all the content of your page to stand.

what are tags and attributes?
tags are: <> and </>
exmaple:

<html>
</html>

You always need to do that when you start with this <> and end with this </>
except with <BR> (= Enter)

Here a example how to use.

<p>Otland.net<br>
<br>
<br>
Ot<br>
Land</p>

attributes are: p (= <p>) BR (= <BR>)

You can also use other text markup attributes these are:
<U> Makes a underline. end with </U>
<B> Makes the text bold. end with </B>
<I> Makes the text Cursive. end with </I>

Now if ur done then save the file and go to your site addres like: OtLand
or something else. (http://83.467.34.12, sms chat)

And voila you created a website!

Oke, let's do something else with colors.

In html you have other names for colors they are called hex codes, but you can also just put the color name (black, white, blue, red, ect)

#000000 = Black
#FF0000 = Red
#00FF00 = Green
#0000FF = Blue
#FFFF00 = Yellow
#00FFFF = Aqua
#FF00FF = Purple
#C0C0C0 = Gray
#FFFFFF = White

If you want to have a other background color then you can do this:

<body bgcolor="Blue or #0000FF ">
<p>You have chaged the background color</p>
</body>


This is the end of tutorial, I hope you learned from it
I might edit the tutorial later.

Kind regards,
Xenios
 
Last edited:
RE: html tutorial for beginners

pretty easy and nice to the beginners =)
 
RE: html tutorial for beginners

What if the person don't know how to setup a web server? What if he don't have php?
This tutorials says nothing. You need to explain it better. A person that have never done this before would never understand it. I suggest you make a better one or simply just give a link to the the one of million better tutorials.
 
RE: html tutorial for beginners

Cato said:
What if the person don't know how to setup a web server? What if he don't have php?
This tutorials says nothing. You need to explain it better. A person that have never done this before would never understand it. I suggest you make a better one or simply just give a link to the the one of million better tutorials.
Click to expand...

this going about html not about webservers or php
and if u want to make a php tutorial or a webserver tutorials then just do it.
 
RE: html tutorial for beginners

Markje said:
Cato said:
What if the person don't know how to setup a web server? What if he don't have php?
This tutorials says nothing. You need to explain it better. A person that have never done this before would never understand it. I suggest you make a better one or simply just give a link to the the one of million better tutorials.
Click to expand...

this going about html not about webservers or php
and if u want to make a php tutorial or a webserver tutorials then just do it.
Click to expand...
Yeah and a person that don't know anything sees it and do as it say and don't get shit out of it.
You write lots of tags and don't say what they do.. People will just ehh wtf is that..
"Always begin with this <name> </name>" wtf is /name and all wtf did he mean..
"Create a file and rename it to index.html or index.php (don't matter)" does matter if you got a webserver that is not supporting php or have php installed. Or have it enabled.
And so on.. Not going to spend time on this lousy tutorial.
 
RE: HTML tutorial for beginners

First of all Create a new document by right clicking at your desktop->new-> new document.

Then a blank document will be opened. Now you just follow the tutorial Markje wrote... And when you're done you save the document by going File-> Save as. Save it as Index.html and in format choose all types. And then you just open your document to see what you've just done :) I might make a more detailed HTML tutorial later...
 
RE: HTML tutorial for beginners

Snel pUppie said:
First of all Create a new document by right clicking at your desktop->new-> new document.

Then a blank document will be opened. Now you just follow the tutorial Markje wrote... And when you're done you save the document by going File-> Save as. Save it as Index.html and in format choose all types. And then you just open your document to see what you've just done :) I might make a more detailed HTML tutorial later...
Click to expand...


Nice done Pupzor ;D
 
RE: HTML tutorial for beginners

would help many beginners ;)

but dont me , html is such easy :)

php is better ;)
 
RE: HTML tutorial for beginners

PHP generates (X)HTML code, goddamit, there would be no use for web without HTML =)
 
RE: HTML tutorial for beginners

Agree with above. You need to learn HTML to provide php scripts in websites!
 
RE: HTML tutorial for beginners

Thank you very much. Really very easy to understand!
 
Back
Top