| |
|
|
| You
are currently reading |
 |
|
|
|
|
| The
article requested: |
|
|
|
|
Introduction
You may have heard about creating webpages with computer programs such as Macromedia Dreamweaver, Microsoft Frontpage. The thing you never realize when designing your website is that the program that you are using generates the necessary code in order to work properly meaning that Computer programs accomplishes such tasks for creating websites with the bulk of source code work for you.
It's important to have knowledge for HTML, specially if you are interested in reaching the next level (Web Programming) so you can have better control of your website. Computer programs aren't perfect, sometimes computer programs generates a lot of source code without needing much of it. Let's now start learning the basics for a website.
Starting from the beginning
If you were informed that HTML is a computer programming language, I'm afraid to say that is a mistake. HTML never uses logical instructions, events don't even play a roll in HTML. HTML stands for HyperText Markup Language. To have an idea of what is HTML read the next paragraph:
A human person has life because of cells. If you don't have any cells then you cannot have a life. In web pages, the web page that you see visually is the persons fisical appearance and HTML (the code) is the web page's cells. I assume that now you understand why HTML is so important, without HTML a web page can't exist.
Before I start to type HTML code, I'll show you how to do it. HTML source code is composed with HTML tags, the tags are constructed with the signs '<' and '>' therefore, If I would like to use an HTML tag for doing anything I would have to type <tagname>. Every HTML tag that you specify in your code must have a opening and closing point meaning that if I opened <tagname> I would have to close it by typing </tagname>. For a better understanding of tags:
Assume that the opening tag is like opening a door, now everything that is inside this door will be affected depending of what is the purpose of the tagname. Finally you have to close this tag meaning that everything that is inside this door will be affected until it's closed, therefore, we close the door by typing the same tagname with the inclusion of the sign '/' next to the '<' sign. I know that is hard for you viewers, that is why here I'll show you a few examples of how opening and closing tags.
1 <strong>Hello World</strong>
2 <em>Hello World</em>
3 <p>Hello World</p>
Read them carefully, check Line 1, I'm opening a tag named strong, the web browsers interprets the strong tag as bold, therefore, everything that is inside the tag <strong> will be displayed in bold, thus, the output of line 1 is Hello World. Please notice that after "hello world" I also closed the tag strong so if I type something else after </strong> it won't be in bold because it's not inside the strong Tag.
Line 2 I'm using the tag em, therefore, the browser will understand the purpose of em that generates the following output: Hello World.
Line 3 makes use of the p tagname, the purpose of this tagname is a new parragraph, therefore, you'll see "Hello World" in the webpage.
We now understand about tagnames but where do we must type these codes in order to work? what tools do we need to create our website? Check in the next page.
|
[1][2][3][Putting your webpage to work]
|
|
