I bet most people in the world are wondering, how do I learn how to create a website! Well, here is a tutorial that should help teach many people exactly that. HTML or Hyper Text Markup Language is the most basic and, somewhat, the most used Internet coding language. For you people who know some coding, picture HTML as C++ is for computer coding; for those of you who are like, "What is C++?", disregard it for now. I might do a C++ coding tutorial for beginners at another time.
Now, lets start off with what you can use to edit HTML with. For those of you are big beginners, or that you just did not know this information, you can create/edit almost all coding languages in notepad. Notepad is free, though, it is not at all the best editing coding program out there. Now, if you want to get into professional coding programs there are a few out there, if you plan on spending a couple hundred dollars. Like for instance, Dreamweaver from Macromedia is on of the most known, professional coding programs out there. I use Dreamweaver for my coding, but than again I design websites as a job.
So, back to our tutorial. You can actually create your own HTML page by just opening up your editor and saving it as .html or .htm. Which are the two extensions for HTML coding. Now, if you were to just save the blank notepad page as thename.html it will just show a blank page. So, before we start with the normal coding for HTML, I will just tell you some basic information about HTML.
Lets talk about HTML tags. HTML uses a lot of tags to mark-up HTML elements. You will see that most of HTML is made up of tags. Tags are in cased in both the lesser than, <, and greater than, >, signs. Also, tags comes in pairs, which is simple. So, what I mean by pairs is the "starting tag" <TAG> needs to be matched up with the ending tag </TAG>. Now, you may think, "That's it? Just tags?" No, that's not it. Tags only cover the elements. So, lets say we have the start tag <b> and the ending tag </b>, just so you know "b" is the same as "strong" or "bold" (P.S. tags called <strong></strong> are the same as <b></b>). So here is what our first HTML code will look like.
Now, if you were to type that into your HTML document and upload it to a host (we'll talk about this another time) it won't display anything, and I will tell you why later on. Though you should understand what I mean. If not here is a dumber term: The tags are what is supposed to happen, so "<b>" means the text should be bold, and than the element (stuff between the tags) is the stuff that is being changed, than you have your closing tag to tell it to lock everything between the tags only.
Quickly getting off the topic of tags, I want to tell you how to create your first viewable HTML page! OK, like I was saying about tags. HTML requires lots of tags in it's coding to work correctly. So, go back to the tag portion of the tutorial to refresh your memory, but here is what the very basic needed HTML coding to display a web page.
OK, everything should be self-explanatory. <html> means, well duh, the start of HTML coding, and at the bottom of the coding is the ending tag for the document </html>. Next in the coding is the head tag, <head>, which is just used for the extra information. This information is not shown on the page but is still found. Like this is the stuff as in keywords, the title of your page, stylesheets (well talk more about these), etc. And that is ended after the title tag. I will just pass over the <title> tag because that is a dumb thing to explain. Than, finally is the body tag, which is also self-explanatory. Though, everything you wish to be shown directly on the page, within the browser(s), must be put in between these tags. Now, that you have looked at the needed tags for HTML, you can understand why I was explaining it at first before I actually showed you the code.
Back to our talk about tags. This probably will be the last thing I will tell you for this tutorial. If you have any questions feel free to ask. Anyways, enough of me talking about random stuff, you may be thinking tags have to be at the beginning and end of everything and can't be inside other tags and such. Well, you would be wrong. The truth is tags should go inside other tags. Like, here is a easy sample of a tag that doesn't have to start at the beginning and end at the end.
As you can see, the <b> tags isolate just the part that says "THIS IS AMAZING!" That is what is supposed to happen. So, later on in other tutorials I will show and teach you how you can work with different tags to show what you want done in the end. So, I think this now concludes my first tutorial about HTML and tags. If you have any problems or want to say anything about this tutorial feel free to leave a comment and I will be sure to reply to it.
-----
This tutorial was brought to you by: Fg Designs
Source: FutureGamers
Now, lets start off with what you can use to edit HTML with. For those of you are big beginners, or that you just did not know this information, you can create/edit almost all coding languages in notepad. Notepad is free, though, it is not at all the best editing coding program out there. Now, if you want to get into professional coding programs there are a few out there, if you plan on spending a couple hundred dollars. Like for instance, Dreamweaver from Macromedia is on of the most known, professional coding programs out there. I use Dreamweaver for my coding, but than again I design websites as a job.
So, back to our tutorial. You can actually create your own HTML page by just opening up your editor and saving it as .html or .htm. Which are the two extensions for HTML coding. Now, if you were to just save the blank notepad page as thename.html it will just show a blank page. So, before we start with the normal coding for HTML, I will just tell you some basic information about HTML.
Lets talk about HTML tags. HTML uses a lot of tags to mark-up HTML elements. You will see that most of HTML is made up of tags. Tags are in cased in both the lesser than, <, and greater than, >, signs. Also, tags comes in pairs, which is simple. So, what I mean by pairs is the "starting tag" <TAG> needs to be matched up with the ending tag </TAG>. Now, you may think, "That's it? Just tags?" No, that's not it. Tags only cover the elements. So, lets say we have the start tag <b> and the ending tag </b>, just so you know "b" is the same as "strong" or "bold" (P.S. tags called <strong></strong> are the same as <b></b>). So here is what our first HTML code will look like.
Code:
<b>TYPE SOME TEXT TO BE BOLD HERE</b>Now, if you were to type that into your HTML document and upload it to a host (we'll talk about this another time) it won't display anything, and I will tell you why later on. Though you should understand what I mean. If not here is a dumber term: The tags are what is supposed to happen, so "<b>" means the text should be bold, and than the element (stuff between the tags) is the stuff that is being changed, than you have your closing tag to tell it to lock everything between the tags only.
Quickly getting off the topic of tags, I want to tell you how to create your first viewable HTML page! OK, like I was saying about tags. HTML requires lots of tags in it's coding to work correctly. So, go back to the tag portion of the tutorial to refresh your memory, but here is what the very basic needed HTML coding to display a web page.
Code:
<html>
<head>
<title>Title of the page</title>
</head>
<body>
This is my first HTML homepage!
</body>
</html>OK, everything should be self-explanatory. <html> means, well duh, the start of HTML coding, and at the bottom of the coding is the ending tag for the document </html>. Next in the coding is the head tag, <head>, which is just used for the extra information. This information is not shown on the page but is still found. Like this is the stuff as in keywords, the title of your page, stylesheets (well talk more about these), etc. And that is ended after the title tag. I will just pass over the <title> tag because that is a dumb thing to explain. Than, finally is the body tag, which is also self-explanatory. Though, everything you wish to be shown directly on the page, within the browser(s), must be put in between these tags. Now, that you have looked at the needed tags for HTML, you can understand why I was explaining it at first before I actually showed you the code.
Back to our talk about tags. This probably will be the last thing I will tell you for this tutorial. If you have any questions feel free to ask. Anyways, enough of me talking about random stuff, you may be thinking tags have to be at the beginning and end of everything and can't be inside other tags and such. Well, you would be wrong. The truth is tags should go inside other tags. Like, here is a easy sample of a tag that doesn't have to start at the beginning and end at the end.
Code:
<html>
<head>
<title>Title of your page</title>
</head>
<body>
This is my first HTML document. <b>THIS IS AMAZING!</b>
</body>
</html>As you can see, the <b> tags isolate just the part that says "THIS IS AMAZING!" That is what is supposed to happen. So, later on in other tutorials I will show and teach you how you can work with different tags to show what you want done in the end. So, I think this now concludes my first tutorial about HTML and tags. If you have any problems or want to say anything about this tutorial feel free to leave a comment and I will be sure to reply to it.
-----
This tutorial was brought to you by: Fg Designs
Source: FutureGamers
