Handout 08
Handout 08
HTML stand for Hyper Text Markup Language. Markup language is a computer language that
consists of keywords or tags that help format the overall view the document and the data it
contains. It is a very basic language used mostly for documents designed to be displayed in a
web browser. And this is exactly the reason why we should consider it an excellent choice
when looking for high compatibility. Any device that can browse the internet can open this
file.
HTML tags come mostly in pairs and they delimit content so as to instruct the browser how
to display the information. The first tag in the pair is called an opening tag. The second tag
is called a closing tag.
The tags we are going to use for this project are h1 (heading), p (paragraph), a (anchor or
link) and br (break).
So now we have a file that can be viewed and opened on any device. It also lists all the files
in our project and facilitates access to them.
www.traductorado.edu.ar Page 1 of 3
Instituto Superior del Traductorado –
Information Search Techniques
DIEGEP 5649
There are other HTML tags that can be used to add and display the information in more
beautiful ways. Even if they would not contribute much to the purpose of this handout, it
might be a good idea to do a little research on ‘HTML tags’ to see how else you can style and
format your document.
A note on paths
To guarantee portability, the location of the files (defined in the href attribute) must be a
relative path. A relative path is the location relative to the document containing the
hyperlinks.
For example, your translation project (including the contents document) is contained within
a directory named Translations.
'C:\Translations\contents.html'
'C:\Translations\termbases\termbase_01.txt'
'C:\Translations\termbases\termbase_01.txt'
When you send the translation project to a client or agency, you will send the Translations
directory with all the files in it. And this is where the complication arises. Where will the
recipient place the directory?
If the recipient places the Translations directory in his Downloads folder, then the path is no
longer 'C:\Translations\termbases\termbase_01.txt' but 'C:\Users\...\Downloads\
Translations\termbases\termbase_01.txt'. Consequently, the hyperlinks in contents.html
will not work.
This is why it is necessary to use relative paths. Because relative paths never change, they
always point to the same location no matter where the Translations directory is placed.
So wherever the Translations directory is placed, it will still work because it looks for the
termbase in a location relative to contents.html instead of a root directory in C:\.
www.traductorado.edu.ar Page 2 of 3
Instituto Superior del Traductorado –
Information Search Techniques
DIEGEP 5649
a. Open Notepad.
b. Type the HTML code.
c. Then click on File > Save As
d. Name the file: contents.html
e. Save as type: All files (*.*)
f. Save in the Translations directory.
Things to look at
Since you are saving the file with the .html extension, when you double click on it, it will be
opened by your default browser. To edit contents.html, you have to right-click on the file
and then on Open with > Notepad.
www.traductorado.edu.ar Page 3 of 3