ALTE DOCUMENTE
|
||||||
INTRODUCERE HTML
Despre HTML
Redus
la esenta, Limbajul de Marcare HiperText (HiperText Markup Language - HTML)
este un set de coduri speciale care se insereaza intr-un text, pentru a adauga
informatii despre formatarea si despre legaturi. HTML se bazeaza pe Limbajul
Generalizat Standard de Marcare ( Standard Generalized Markup Language - SGML).
Prin
conventie, toate informatiile HTML incep cu o paranteza unghiulara deschisa
(<) si se termina cu o paranteza unghiulara inchisa (>). Acest control -
sau marcaj HTML, cum mai este numit - comunica unui interpretor HTML (program
de navigare) ca documentul este scris si format in limbajul HTML standard.Desi
multe controale HTML sunt unitati de sine statatoare, unele dintre ele sunt
perechi, avand controale de inceput si sfarsit. 21321n138v
Controlul
de inceput se numeste control de deschidere, iar cel de sfarsit se numeste de
inchidere.Cer mai important dintre controalele de baza este <html>, care
specifica faptul ca informatia care urmeaza este scrisa in limbajul HTML.
Marcajul
<html> este de tip pereche, deci trebuie sa adaugati un marcaj de
inchidere la sfarsitul documentului, care este la fel ca marcajul de deschidere
dar are adaugata o bara inclinata: </html>. Orice element situat intre
marcajul de deschidere si cel de inchidere capata atributul acelui marcaj.Cele
mai importante marcaje nepereche, si cele folosite cel mai des, specifica
trecerea la paragraf nou sau la linie noua. Ele sunt <p> si <br>.
Fisierele
HTML sunt de obicei impartite, din motive de organizare, in doua sectiuni:
antetul (sau headerul) care contine informatia introductiva de formatare a
paginii si corpul. Utilizati marcajele pereche <head></head> si
<body></body> pentru a delimita fiecare sectiune.Alta chestie
folositoare si simpla este sa-i dai un titlu cu ajutorul controlului pereche
<title></title> care trebuie sa fie pus in blocul de informatii
<head></head> (vezi bara de sus a ferestrei). Un control util
pentru organizare vizuala a documentului este rigla orizontala care este
introdusa de comanda <hr>.
Referintele catre alte pagini exterioare se
fac cu ajutorul marcajului <a href=adresa paginii respective></a>.
Referintele catre locul din cadrul aceluiasi document se fac cu ajutorul unui
<a name=ancora interna></a>.
Tabelele
reprezinta o extensie importanta a limbajului HTML, avandu-si originea in
laboratoarele de dezvoltare ale corporatiei Netscape Communication. Pentru a
construi un tabel trebuie sa specificati parametrii tabelului, apoi parametrii
fiecarei linii prin comanda <tr></tr> iar, in final, fiecare celula
trebuie inconjurata de marcajele <td></td> date de tabel.
Inainte
de a introduce appleturi java sau GIF-uri animate trebuie sa stiti ca fundalul
(indiferent daca e o poza sau doar o culoare) se aplica cu ajutorul comenzii
<bgcolor=culoarea sau fisierul>. Pentru a introduce o imagine se
foloseste comanda <img src=sursa fisierului grafic alt=alternativa text
pentru afisare, daca este cazul>.
Cand un browser deschide o pagina HTML ca cea pe care o cititi acum el citeste un document text, si cauta coduri speciale inchise intre semnele < si >. Structura generala a unui tag este urmatoarea:
<nume_tag>text</nume_tag>
De exemplu titlul de mai sus a fost formtat astfel:
<h3>Ce sunt tagurile HTML</h3>
Observatii:
Exemplul de mai jos prezinta un document HTML simplu:
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Primul HTML</title>
<!-- header info used to contain extra information about
this document, not displayed on the page -->
</head>
<body>
<!-- all the HTML for display -->
In aceasta lectie invatam lucrurile de baza despre HTML-uri
</body>
</html>
Prima
linie reprezinta o specificatie tehnica (se poate omite)
Tot documentul este inchis intre tagurile: <html> si </html>
Documentul contine doua parti: partea de inceput (head) si corpul propriu zis
(body), inchise intre tagurile: <head> si </head> respectiv
<body> si </body>
In
document se pot introduce comentarii (care nu vor fi afisate de browser).
Comentariile se inchid intre: <!-- si -->
Tagul <title>text</title> este localizat in partea de inceput
(head)
Rolul tagului titlu este sa identifice
unic un document si este afisat de browser pe bara de titlu a browserului.
Titlurile in document se introduc marcate de tagurile <h1> si </h1>, unde cifra 1 poate fi inlocuita de cifrele 2, 3, 4, 5 si 6. Exista 6 nivele de titluri in document. Exemplul de mai jos prezinta tagurile de tilu si efectul lor:
<h1>Acesta
este un titlu</h1>
<h2>Acesta este un titlu</h2>
<h3>Acesta este un titlu</h3>
<h4>Acesta este un titlu</h4>
<h5>Acesta este un titlu</h5>
<h6>Acesta este un titlu</h6>
Formatarea
documentelor in paginile HTML
Obiective
Identificarea tagurilor pentru stiluri de formatare
Editarea documetelor cu stiluri diferite de formatare si vizualizarea lor
Stilul documetelor
HTML
Rezultatul
<b>Ingrosate</b>
Ingrosate
<i>Inclinate; italice</i>
Inclinate; italice
<tt>Ca la masina de scris</tt>
Ca la masina de scris
<b><i>Bold si italic</I></b>
Bold si italic
<h2><i>Nou</i> si
<tt>atragator!</tt></h2>
Nou si atragator
<u>subliniat</>
subliniat
<s>dsggggggd</s>
dsggggggd
CO<sub </sub>
CO2
a*x<sup </sup>
a*x3
<center<Centreaza textul si imaginile incluse</center>
Centreaza textul si imaginile incluse
<pre>dfsdfsdfksdf</pre>
Lasa textul formatat asa cum este in momentul aplicarii tagului
Fonturile si dimensiunea lor HTML
Rezultatul
<font face="Arial, Helvetica, sans-serif">Arial,
Helvetica</font>
Arial, Helvetica, sans-serif
<font face="Times New Roman, Times, serif">Times New Roman,
serifat</font>
Times New Roman, serifat
<font face="Courier New, Courier, mono">Courier</font>
Courier
<font face="Calligrapher">Caligrafer</font>
Caligrafer
<font size="1">font face=1</font>
font face=1
<font size="2">font face=2</font>
font face=2
<font size="3">font face=3</font>
font face=3
<font size="4">font face=4</font>
font face=4
<font size="5">font face=5</font>
font face=5
<font color="#0066FF">culoarea fontului</font>
culoarea fontului
|
