html programming
First Lesson
Basics
[Basics] [color] [lines] [paragraphs and lists] [pictures and graphics] [hyperlinks]
[Table 1] [Table 2] [tires 1] [2 tires] [tires 3] [accolades here and there]
[Image maps] [Forms 1] [2 models] [Special tags] [Web and Arabic] [BB Meta]
Welcome to the first lesson of HTML lessons. I will in this lesson lists the basic tags of the web page and discuss with you one by one. To get there in the end to create a simple Web page.
Let's take the following tags:
Openning the end tag
<HTML> </ HTML>
<HEAD> </ HEAD>
<TITLE> </ TITLE>
<BODY> </ BODY>
what do you notice? Each of which consists of a pair of tags, one marking the beginning, and the other end tag. Features marking the end the presence of the symbol /. Hopes the next drawing, it gives an idea of the installation Html File
Html File Structure
E permission Vmelv Html always starts marking <HTML> and ends with marking </ HTML>. do not forget it!
The tag <HEAD> identifies the beginning of the section that contains the definition of page information. Like the address appearing on the browser url bar. And this address in turn needs to be placed between the Alosmen: <TITLE> ... </ TITLE> Of course, you must write the tag </ HEAD> to finish this section.
We come to the tag <BODY> and you are writing texts within a web page, in addition to the inclusion of images, tables and the rest of the contents of the page. It also needs to finish marking </ BODY>
What do you think if we start to apply this information in a practical way? Come on ... open Notepad and type the following:
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</ TITLE>
</ HEAD>
<BODY>
Wow, I'm writing my first webpage
</ BODY>
</ HTML>
Now, to save what I have written in the file, and any name you choose. And do not forget that the extension of the user in an HTML file names is htm. Or html. For example, I chose the name 1st_file.htm It is best that you create a separate folder on your hard drive in order to save its files it easy for you to retrieve it for display or update process and not, for example, this folder name C: \ htmfiles (or any name you wish).
It's show time, so we see the result of what we have written. Turn on your Internet browser. If Netscape Navigator choose Open File ... command from the File menu. In MS Internet Explorer select it from the list of ... the free Open File. Then select the track that has the file. I personally you select the following path:
C: \ htmfiles \ 1st_file.htm
And, of course, according to previous assumptions that followed when the file is stored. This is what I got:
what about you? Did you get the same result? So Congratulations J You have created the first of your own Web page. (Otherwise, if you do not get the same result-click here)
Before we continue I want to remind you to some of the notes when writing web pages:
There is no difference between the type tags in English letters big UPPERCASE or lowercase letters lowercase. So you can write in any of them or even writing both.
The browsers do not take into account trailing blanks or signals the end of paragraphs (ie, when you press the Enter key) that you find in these browsers Html file. In other words, you can type your former as follows:
<HTML> <HEAD> <TITLE> This is a test Webpage </ TITLE> </ HEAD> <BODY>
Wow, I'm writing my first webpage </ BODY> </ HTML>
Or the following form:
<HTML>
<HEAD>
<TITLE>
This
is a
test
Webpage
</ TITLE>
</ HEAD>
<BODY>
Wow,
I'm
writing
my
first
webpage
</ BODY>
</ HTML>
Or even look like this:
<HTML> <HEAD> <TITLE>
This is a test Webpage
</ TITLE>
</ HEAD>
<BODY>
Wow, I'm writing my first webpage
</ BODY>
</ HTML>
In all cases, you'll get the same result. If you those types of people that do not believe everything you said ... You can try it yourself !!! Let's try.
But this does not mean that paragraph, for example, consists of ten lines will be extended to several meters width of the screen. Both, of course, because the browser will automatically wrap her job, according to the screen display, no matter the amount of the offer.
Now you might be wondering, then, how it can be controlled by the written text on each line and how you can determine the end of the paragraph and the beginning of the paragraph that followed? good question!!! The answer is:
We will use the tag <BR> to determine the end of the line. And start a new line (Note that this is a single tag, which is not marking the end of him).
And go back to the previous example, modify the file in order to be as follows
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</ TITLE>
</ HEAD>
<BODY>
Wow, <BR> I'm writing my <BR>
first webpage
</ BODY>
</ HTML>
There is also a tag <P>, which is almost the same function as the previous tag that ends any line or paragraph begins with a new line, but with the addition of an extra blank line between paragraphs.
More on this tag in the fourth lesson paragraphs
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</ TITLE>
</ HEAD>
<BODY>
Wow, <P> I'm writing my <P>
first webpage
</ BODY>
</ HTML>
The blanks are considered private symbols so we can not control and in number only by using the tag & nbsp; (and the character is an abbreviation of the term Non Breakable Space). If you want to enter a number of spaces between the text and the last thing you need only write this tag the same number of spaces required. As you abide lowercase here must.
So we come back to Notepad and write our file as follows:
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</ TITLE>
</ HEAD>
<BODY>
Wow, & nbsp; & Nbsp; & Nbsp;
I'm & nbsp; & Nbsp; & Nbsp; writing & nbsp; & Nbsp;
& Nbsp; my & nbsp; & Nbsp; & Nbsp; first & nbsp; & Nbsp; & Nbsp; webpage
</ BODY>
</ HTML>
Speaking of special characters, there are many of these symbols, which should be written in a certain and using tags not directly normal image. Take, for example, greater than my reference and is smaller than the reference quote. "All of these signals are used originally with tags are Reserved In the vocabulary of HTML and it is wrong to use its image explicit, lest it cause problems in view of the page. Also, there are symbols that does not exist on the keyboard Copyright © symbol and the symbol ® registered mark and we need to this method (tags) way to write them. Here's a table of some of these symbols and Usumha equivalent. and draw your attention to it as it is written in the table and without my reference <>
We got to the end ..
تعليقات
إرسال تعليق