Saturday, December 7, 2013

The Basics Of HTML Language

Welcome to the first lesson of HTML. I will in this lesson lists the basic tags of the web page and discuss them with you one by one. To get there in the end to create a simple Web page.


Let's take the following tags:


So Html file always starts and ends with marking <HTML> marking </ HTML>. Do not forget it!
The <HEAD> tag identifies the beginning of the section that contains information on the definition of the page. As the title appears on the browser address bar . This title in turn needs to be placed between Alosmen : <TITLE> ... </ TITLE> Of course, you must write tag </ HEAD> in order to finish this section.
We come to <BODY> tag which is written texts web page within it , in addition to the inclusion of images, tables, and the rest of the contents of the page. He also needs to finish marking </ BODY>
What do you think if we start applying 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 save the file and typed in any name you choose. And do not forget that the extension is used in the names of HTML files is htm. Or html. For example, I chose the name 1st_file.htm It is best that you create a separate folder on the hard drive in order to save its files , it is easy for you to show the process of retrieval , update, and not by name , for example, this folder C: \ htmfiles ( or any name you wish ) .
It's time to show, in order to see the result of what we have written . Turn on your Internet browser . If Netscape Navigator Select Open File ... command from the menu File. In MS Internet Explorer select it from the list of Open ... File. Then select the path 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? You got the same result? So Congratulations to J I've created the first Web page of your own.
Before I continue I want to remind you that some of the notes when writing web pages :

    
There is no difference between the type tags in large English letters UPPERCASE or lowercase letters lowercase. So you can write in any form or even writing them both.

    
The browsers do not take into account the extra spaces or signals the end of paragraphs (ie, when you press the key Enter) that you find this file browsers in Html. In other words, you can write 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 as follows:
<HTML><HEAD><TITLE>Thisis atestWebpage</ TITLE></ HEAD><BODY>Wow,I'mwritingmyfirstwebpage</ BODY></ HTML>
Or even 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 are from those types of people that do not believe everything you said ... you can try it for yourself! ! ! Come try .
 
But this does not mean that paragraph , for example, consisting of ten lines will extend 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 may wonder , then, how can be controlled by the written text on each line and how it 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 has no marking the end ) .
And go back to the previous example , modify the file so that it becomes 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 that of any previous tag end of the line or paragraph and start a new line, but with the addition of an extra blank line between paragraphs.
More about 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>

Speaking of icons , there are many of these symbols, which should be written in a certain tags using its image directly and not normal . Take , for example, my signal is greater than the smallest of the reference citation . " Each of these signals originally used with the tags are taken? Within the vocabulary of HTML and it is wrong to use its image explicit lest lead to problems in the way the page is displayed. Well there symbols basically non-existent on the keyboard Copyright © symbol and the symbol of the registered mark ® and we need to this method ( method tags ) for writing . Here's a table of some of these symbols and Usumha equivalent . , and draw your eyes to it as it is written in the table and without my reference <>
We got to the end ... The end of the first lesson. I wish I could have found it fun and interest

Introduction To HTML Language



It is the language used to create web pages. ( The word abbreviation for Hyper Text Markup Language). It is not a programming language, meaning and form customary for other programming languages ​​as the language C. For example, it does not contain sentences and rotation control , and when you need to use these sentences must be included codes from other languages ​​as Java, JavaScript, CGI. They also do not need an interpreter of his own Compiler. It is not tied to a particular operating system , because it is interpreted and implemented directly instructed by the web browser , and regardless of the system used . So it is a very simple language , easy to understand and learn and does not require prior knowledge of programming languages ​​and structural used. But maybe all you need is a little bit of logical thinking and arrangement ideas .
Html vocabulary consists of codes called TAGS any tags . They are used in pairs and write the following formula ( from left to right ) : -    <TAG>  text here </TAG>


For example <B> tag is used to write the words in bold Bold and the following form:

<B> Text </ B>

There are some special tags which are used in a single such as marking the end of the line <BR> or may be used in both cases, such as marking paragraph <P>.
We will discuss these and other tags in detail at the time, God willing,


How do we begin ...
Does not require writing HTML file any special programs , as we said , it does not contain language interpreter program . But we just need to program for simple text editing and processing , and the program located in the Windows Notepad fulfill this purpose. As well as Internet browsers to a Netscape Navigator or MS Internet Explorer to preview pages that we design . And you just have to do to save the written text file named extended . Html or . HtmIt is worth mentioning that there are many programs that are used to create pages Html. Without the need to learn this language where the user from which no page design and containing text and graphics and tables and then the software will synthesize the appropriate tags and convert these pages of behind the scenes and automatically saved in html. This means that the user's role is limited to writing and design only , without the knowledge of the code that was used . And therefore not being able to control any marking or amend the code as needed , only through return to the basic design and then re- conversion and conservation by the program. This method is the ease and speed of relatively , but I do not recommend its use for anyone who wants to know the language and mastery of them.

Before we begin
Well , you have an excellent text editor for writing HTML files and you have an Internet browser to preview them , and you have these lessons , which kicks off with her into the world of web design . Is this enough? My humble opinion , no.Always and never need to apply what you learn in the process of more than just the examples included in the lessons . What do you think to think what your favorite part of the subject and likes to deal with it? And imagine that you will create a Web site about it realistically . With the progress in lessons apply what where on your pages. You'll find a lot of fun in this , and Setser too when you see your page materialize before your eyes day after day , and most importantly of all this is that you will discover any gaps in your understanding of these lessons ( and then certainly you will Ptlavera ) have been discovered as well as gaps committed by the writer of these lessons . ( In this case, I hope you never do not hesitate to write to me so I'm working on to avoid them ) .