EricMS V75 - Forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

EricMS V75 - Forums

We Are Currently Under Construction.
 
HomeLatest imagesSearchRegisterLog in

 

 [HTML] Basic

Go down 
5 posters
AuthorMessage
Jeeffy




Posts : 11
Join date : 2011-02-12

[HTML] Basic Empty
PostSubject: [HTML] Basic   [HTML] Basic EmptySun Feb 13, 2011 2:35 am

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,
Back to top Go down
Ryan

Ryan


Posts : 39
Join date : 2011-02-07
Age : 27
Location : Look Behind You.

[HTML] Basic Empty
PostSubject: Re: [HTML] Basic   [HTML] Basic EmptySun Feb 13, 2011 2:37 am

Oh cool is this for making forums or stuff or like {Spoiler]{/Spoiler] kind of thing anyway nice job its really long took some time din't it

Good Job
~Ryan
Back to top Go down
유♥유★EⓝV
Owner Of EricMS V75
유♥유★EⓝV


Posts : 158
Join date : 2011-01-11
Age : 27
Location : 1337 Leet Drive

[HTML] Basic Empty
PostSubject: Re: [HTML] Basic   [HTML] Basic EmptySun Feb 13, 2011 2:41 am

Somebody Knows There HTML!
Haha, Yeah. I've Been Coding HTML For A While, And It Gets Pretty Hard And Advanced Later On.
But You Gotta Admit This Is Old. o_o
At Least Show Some Bugs / Tricks / Fun Things.

maybe...
<script>
alert ("ERICMS RULES")
</script>


or maybe some redirections or stuff.
Lawl, HTML Is Soo Easy c:
Back to top Go down
http://ericmsv75.co.cc
Guest
Guest




[HTML] Basic Empty
PostSubject: Re: [HTML] Basic   [HTML] Basic EmptySun Feb 13, 2011 2:41 am

Nice guide, and yeah, put spoilers like Ryan said.

Good job! looks like u took a lot of time into this guide..

~Dray, Former JGM
Back to top Go down
Jeeffy




Posts : 11
Join date : 2011-02-12

[HTML] Basic Empty
PostSubject: Re: [HTML] Basic   [HTML] Basic EmptySun Feb 13, 2011 2:43 am

[spoiler] Tags are BB Codes

And

<script> tag is Javascript XD

I will install CMS for EricMs if eric wants ;p
Back to top Go down
S3vEnRay




Posts : 2
Join date : 2011-02-23
Age : 32

[HTML] Basic Empty
PostSubject: Re: [HTML] Basic   [HTML] Basic EmptyWed Feb 23, 2011 7:06 pm

Wow.. thxs dude Laughing
Back to top Go down
유♥유★EⓝV
Owner Of EricMS V75
유♥유★EⓝV


Posts : 158
Join date : 2011-01-11
Age : 27
Location : 1337 Leet Drive

[HTML] Basic Empty
PostSubject: Re: [HTML] Basic   [HTML] Basic EmptyThu Feb 24, 2011 12:45 am

@Jeefy I Am Currently Handcoding My Own. <script> Is Also HTML, But Javascripting Too.
Who Wouldnt Know <title>, though? o_o;
Anyways, Html Got Boring. Im Now In PHP And Java Script. Smile
Back to top Go down
http://ericmsv75.co.cc
Jeeffy




Posts : 11
Join date : 2011-02-12

[HTML] Basic Empty
PostSubject: Re: [HTML] Basic   [HTML] Basic EmptyThu Feb 24, 2011 1:08 am

Same here. I script functies for crime games right now Surprised

Back to top Go down
Zachy




Posts : 1
Join date : 2011-05-01

[HTML] Basic Empty
PostSubject: pointless post   [HTML] Basic EmptySun May 01, 2011 10:25 am

Hey guys, nobody knows me here so I thought that I would make my first post about something interesting. I have been working in web design since i was about 12. My mother - yes, my mother, taught me how to use Windows XP's FTP command when I was 13. I'm now 19. I code programs in C++, Java, AutoIt(lul), and Python; and websites using flash ActionScript, php, html(and css), asp, and javascript.

I now work with a Web Design company based in Atlanta, GA where i am the head coder. The graphics department gives me two versions of a layout, digital, and a hard copy. Its basically a picture of how they want the page to be laid out. I also get about half a page explaining what language to use (some people just like HTML over PHP, or want ASP for a Windows server), what standards, any elements they'd like included, certain forms, what the form needs to do, or where it needs to get sent to, etc.

It's been a while since i've really worked with HTML as I mostly work with dynamic websites using Php (SQL integration of course), and Javascript.

There are some important tags I would have gone over if I were the one writing this tutorial - one being the table. If you're serious about authoring HTML, you're going to NEED to understand tables. There are 3 main tags INSIDE of the table tag. Th, Tr, and Td. Table Header, Table Row, and Table Data (cell). You don't really need th unless you're extremely concerned about the validity of your HTML (Validity check) The basic syntax is:
Code:
<table>
  <tr>
      <td>1</td>
      <td>2</td>
  </tr>
  <tr>
      <td>3</td>
      <td>4</td>
  </tr>
</table>
This would look like:
Code:
1 2
3 4


Also, the <script> tag isn't always Javascript. By default, <script> will work with javascript - yes. BUT, you can use almost any scripting language supported by your server. Vbscript, Javascript - even TCL!

One of the replies to this thread uses the "Alert" comand in javascript - using a basic <script> tag. If you were concerned with validity, you should have used:
Code:

<script type='text/javascript'>
function alertBox{
  alert ("ERICMS RULES")
  //anything else you need to do
}
function otherFunctions{
  //any other functions you need
}

</script>

OR, if you have a lot of Javascript and want to make your pages load a bit faster, just put all your functions in a .js file and link it in your html page (in the header)... like this:
Code:

<script type="text/javascript" src="scripts.js"></script>
and then, add to the scripts.js file something like...:

Code:

window.onload = startFunctions;  //Tells the browser to load startFunctions()

function startFunctions(){ //contains all of your other functions
  sayHello();
  otherFunctions();
}
function sayHello{
  var name=prompt("What's your name?");
  if(name!=null){
        document.write("Hey " + name + "! Whats up?");
  }
  else{
      alert("Fine, don't tell me your name. :(")
  }
}
function otherFunctions{
  //any other functions you need
}


Yeah,... I think I explained everything okay. I recommend that if anyone here is interested in coding, start learning right now. Theres SOOO much out there, and theres so many things for you to learn. Its amazing, and the IT field is growing FAST. So really, if you want to get into programming, don't let anyone stop you.

I'd be more than happy to help with, or explain anything you guys have questions on - just ask!

</pointlesspost>





Last edited by Zachy on Mon May 02, 2011 9:18 am; edited 2 times in total (Reason for editing : Fixed a function)
Back to top Go down
Sponsored content





[HTML] Basic Empty
PostSubject: Re: [HTML] Basic   [HTML] Basic Empty

Back to top Go down
 
[HTML] Basic
Back to top 
Page 1 of 1
 Similar topics
-
» How to make a Basic Custom Pose - For Beginners

Permissions in this forum:You cannot reply to topics in this forum
EricMS V75 - Forums :: Server Guides-
Jump to: