Limbajul HTML ((HyperText Markup Language) este un limbaj care permite crearea de documente de tip hipertext, documente care vor fi utilizate si vizualizate prin paginile Web corespunzatoare. HTML a fost dezvoltat initial de Tim Berners-Lee la CERN in 1989. Este o implementare a limbajului SGML (Standard Generalized Markup Language), standard international ISO-8879, aprobat in 1986. HTML a fost dezvoltat initial ca o posibilitate pentru fizicienii care utilizeaza computere diferite de a realiza schimburile de informatii prin intermediul Internetului.
HTML prezinta o serie de caracteristici:
-permite descrierea structurii documentelor fara a descrie organizarea in pagina a acestora;
-ofera o reprezentare proprie pentru fiecare navigator;
-permite reactualizarea documentelor HTML;
-produsul este independent de paltforma tehnica.
Utilizarea HTML ofera urmatoarele avantaje:
-este usor de asimilat si de utilizat;
-ofera un control total asupra elementelor utilizate in realizarea de pagini web;
-permite un grad inalt de reutilizare, astfel incat pentru realizarea unei pagini web se pot folosi cu succes secvente de cod HTML de la alte pagini web realizate anterior.
Pentru realizarea unui document HTML se pot utiliza editoare clasice sau editoare de tipul WYSIWYG (What You See Is What You Get = ceea ce vezi este ceea ce obtii). In cazul editoarelor clasice se pot folosi editoare de text ASCII, editoare HTML sau convertoare HTML. In cazul editoarelor WYSIWYG, accentul se pune pe aspectul grafic al paginii web, scrierea codului HTML realizandu-se de catre aceste editoare.
Structura documentelor HTML
<HTML> inceputul documentului
<HEAD> antet
<TITLE> titlu
</TITLE> sfarsit de titlu
</HEAD> sfarsit de antet
<BODY> corpul documentului
.
.
.
</BODY> sfarsitul corpului documentului
</HTML> sfarsitul corpului documentului
Instructiuni
<Hi> </Hi> i=1, ,6 Seteaza dimensiunile caracterelor; pentru i=1 caracterele au dimensiune maxima.
<EM> </EM> Scoate in evidenta un caracter.
<STRONG> </STRONG> Scoate puternic in evidenta un caracter.
<B> </B> Bolduirea unui caracter.
<I> </I> Scriere italica a unui caracter.
<BR> Salt la linia urmatoare
<P> </P> Creare de paragraf nou.
< HR [SIZE=n] [WIDTH=m] [ALIGN=LEFT / CENTER / RIGHT] [NOAHADE] > Traseaza o linie orizontala de separare, cu caracteristici referitoare la lungime (SIZE), grosime (WIDTH), aliniere (stanga, dreapta, centrata) si lipsa sau aparitia umbrei pentru linie (NOSHADE).
<MULTICOL COLS=n GUTTER=p WIDTH=d> </MULTICOL> Permite scrierea pe mai multe coloane, cu setarea dimensiunilor coloanelor si a spatiilor dintre coloane
<BODY BGCOLOR=b TEXT=t LINK=p VLINK=v ALINK=a> Permite setarea culorilor pentru ecran, text, legaturi.
Liste
Pot fi create urmatoarele tipuri de liste:
-ordonate
-neordonate
-cu definitii
Liste ordonate
<OL TYPE=t START=s>
<Li> text1
<Li> text2
<Li> text3
</OL>
t seteaza modul de numerotare al listei, iar s seteaza elementul de start.
t=1 numerotare cu numere
t=a numerotare cu litere alfabetice minuscule
t=A numerotare cu litere alfabetice minuscule
t=i numerotare cu litere romane mici
t=I numerotare cu litere romane mari
Exemplu:
<OL TYPE=1 >
<Li> Analiza
<Li> Engleza
<Li> Matematica
</OL>
Liste neordonate
<UL TYPE=t >
<Li> text1
<Li> text2
<Li> text3
</UL>
t defineste elementul din dreptul fiecarei componnete a listei.
t=square apare un patrat
t=circle apare un cerc
t=disc apare un disc
Exemplu:
<UL TYPE=square >
<Li> Analiza
<Li> Engleza
<Li> Matematica
</UL>
Liste cu definitii
<DL>
<DT> termen de definit
<DD> definitia termenului
<DT> termen de definit
<DD> definitia termenului
</DL>
Exemplu.
<DL>
<DT> Autovehicul
<DD> Mijloc de transport destinat transportului de persoane sau de bunuri.
</DL>
Legaturi de tip hipertext
-permit vizualizarea informatiilor din acelasi fisier sau din fisiere diferite
-legaturile pot fi;
ointerne - in cadrul aceluiasi fisier
olocale - legaturi intre fisiere diferite, dar localizate pe acelasi server
oexterne - intre fisiere localizate pe servere diferite
Realizare:
a) crearea unei ancore in paragraful tinta
<ANAME="cuvant_cheie"> [Paragraf tinta] </A>
b) realizarea instructiunii de salt la paragraful tinta
- pentru legaturi interne <AHREF="#cuvant_cheie"> Paragraf tinta </A>
- pentru legaturi locale <AHREF="nume_fisier.html #cuvant_cheie"> Paragraf tinta </A>
- pentru legaturi externe <AHREF=" cale_nume_fisier.html #cuvant_cheie"> Paragraf tinta </A>
Inserarea de imagini se face sub forma:
-inserare simpla <IMG SRC = "nume_fisier.jpg">
-inserare de tip legatura <AHREF=" #cuvant_cheie"> <IMG SRC = "nume_fisier.jpg"> Paragraf tinta </A>
Documentul este oferit gratuit,
trebuie doar să te autentifici in contul tău.
