Using the commands shown in the previous episodes, you can already create your own webpages. However, there are some other commands that, although not absolutely necessary, should be placed in the page to make it more structured and give it a more professional touch.
HTML page is composed of three parts:
Everything you have seen so far are commands related to the body section. To guarantee greater compatibility of your page with other browsers, you should insert additional commands that some browsers use to identify the beginning and end of the HTML commands. The first line on a page should have the <HTML> command, and the last line should have the </HTML> command. Without these commands, some browsers do not identify the text as a program written in HTML. Another pair of commands should also be used whenever possible to identify the page. These are the title commands -<TITLE> and </TITLE> - which will be explained next. Henceforth, all the example pages will contain these commands.
Below in the minimum structure of a page :
<html>
<head>
<title>insert the text of the title bar here</title>
</head>
<body>
<h2>Insert here page or section headers or titles</h2>
Hare go the commands and document elements.
</body>
</html>
Putting a Title on the Page
With the <TITLE> command, which is used in the <HEAD> section, you can define a title for the page. This title appears, depending on the browser, in the window title bar. You should not confuse the function of the <TITLE> command with the <Hn> heading command. Although you may have a page title that can be used in a heading, they are independent. The next example is the Examp08a.htm file, which clearly shows the difference between the commands.
<html>
<head>
<title>Ramalho's Page</title>
</head>
<body>
<h2>this is the page header</h2>
Hare go the commands and document elements.
</body>
</html>
The following illustration shows the result of these commands.
Footnote and e-mail addresses
The end of the page should be used to identify the author of the page and to supply reference data.
The command used to specify the address is <ADDRESS>, the syntax of which is displayed below:
<ADDRESS>
Text....
Text....
</ADDRESS>
<p><a href="http://www.docuweb.ca/SiSpain/politics/autonomo/mancha/capital.html">More
about Toledo.</a> <a href="http://www.lib.utexas.edu/Libs/PCL/Map_collection/europe/Spain.jpg">/Map
of Spain</a> <a href="http://www.oze-mail.com.au/-Spain/overview.htm">/Information
about Spain</a><br>
</p>
<hr>
<address>
Page updated on: 04/15/98.<br>
Created by Jose Antonio RAMALHO and maintained by ZAZ
Rio preto (017) 234-5088.<br>
E-mail -- <a href="mailto:jose.antonio@ramahlo.com.br">jose.antonio@ramahlo.com.br</a>
</address>
</body>
</html>
The <A HREF mailto:> Command
One of the options of the <A HREF> command is mailto. If you follow it with a valid e-mail address, users will be able to send an e-mail just by clicking on it. This action will load the default e-mail program. See the source code above the note this command inserted into the <ADDRESS> tag.
A Complete Page
The commands learned so for are sufficient for you to develop pages similar to those you see as you surf the web. Of course, only practice will improve the quality of your work. Let's analyze the Examp08b.htm page, which is a typical model of a webpage that has local and external links, along with images inside and outside the page. (You will see the link if you are online)
Here is the complete code for the page:
<html>
<head>
<title>Spain</title>
</head>
<body>
<p><img src="elogos.gif" align="left"></p>
<h1 align="center">Spain</h1>
<br>
<br>
Spain is an European country with one of the best tourism infrastructures. With an efficient hotel network, the country is perfect for home likes to go back in time and wander through medieble cities like<a href="toledo2.gif"> Toledo</a>situated 70 kilometers from Madrid or castles like<a href="castlel.gif">Oropesa</a>, which is 120 km from the capital.<p>
Travelling through the Caslilla-La Mancha region is going back in time. Even today you can face the same windmills that Don Quixote faced in his search for the beautiful dulcinea.<p>
<hr>
<p><a href="http://www.DocuWeb.ca/SiSpain/english/politics/autonomo/Mancha/capital.html">More
about Toledo.</a> <a href="http://lib.utexas.edu/Libs/PCL/Map_collection/europe/Spain.jpg">/Map of
Spain</a> <a href="http://www.oze-mail.com.au/-Spain/overview.htm">/Information about Spain</a><br>
</p>
<hr>
<address>
Page updated on: 04/15/98.<br>
Created by jose Antonio RAMALHO and maintained by ZAZ Rio Preto (017) 234-5088.<br>
E-mail -- <a href="mailto:jose.antonio@ramalho.com.br">jose.antonio@ramalho.com.br</a>
</address>
</body>
</html>
Share This Post
PRINT THIS POST
No comments:
Post a Comment
If you have any doubts. Please let me know.