Bazele unei pagini HTML
- Details
- Hits: 134
Pagina principala trebuie denumita "index.html", majoritatea serverelor fiind setate sa recunoasca pagina principala dupa aceasta denumire. In cazul in care "index.html" nu functioneaza ca pagina principala, contactati persoana care administreaza server-ul si intrebati-l ce denumire are server-ul setata pentru a recunoaste pagina principala.
Documentele HTML sunt fisiere ce contin texte, si care primesc extensia .htm, .html, .shtml. Documentele HTML au doua parti, "head"-ul si "body"-ul. "Body" este partea mai mare a documentului in care se va gasi continutul paginii."Head"-ul unui document contine titlul acelui document si o scurta descriere.
Structura unui document HTML, exemplu:
<html>
<head><title>Titlul aici</title></head>
<body>Continut pagina aici</body>
</html>
Pentru a intelege mai bine si usura munca, poti lasa spatii intre liniile documentului.
Nota: Spatiile libere vor fi ignorate de catre browser in momentul interpretarii.
Tot ceea ce se gaseste intre tagurile title va fi titlul documentului, acesta va aprea in momentul vizionarii documentului in susul paginii in bara pentru titlu (in stanga butoanelor de minimalizare/maximalizare/inchidere ale paginii).
Heading-uri :
Heading-urile sunt unele dintre cele mai importante taguri din continutul(body) al unui document HTML. Tagul de deschidere pentru heading este <hn> si cel de inchidere fiind </hn> unde "n" reprezinta marimea heading-ului; acesta variand de la 1 la 6 (1 fiind cel mai mare iar 6 cel mai mic).
Exemple:
Coyotul pregateste capcane. {Heading 1}
sursa: <h1> Coyotul pregateste capcane. {Heading 1}</h1>
Coyotul pregateste capcane. {Heading 2}
sursa: <h2> Coyotul pregateste capcane. {Heading 2}</h2>
Coyotul pregateste capcane. {Heading 3}
sursa: <h3> Coyotul pregateste capcane. {Heading 3}</h3>
Coyotul pregateste capcane. {Heading 4}
sursa: <h4> Coyotul pregateste capcane. {Heading 4}</h4>
Coyotul pregateste capcane. {Heading 5}
sursa: <h5> Coyotul pregateste capcane. {Heading 5}</h5>
Coyotul pregateste capcane. {Heading 6}
sursa: <h6> Coyotul pregateste capcane. {Heading 6}</h6>
Paragrafe
Paragrafele se folosesc destul de des in HTML, la fel ca in scriera unei povesti, carti, etc..Tagul de deschidere pentru paragraf este <p>, iar cel de inchidere este </p>. Tagul de inchidere pentru paragraf nu este intotdeauna necesar dar se recomanda folosirea lui.
Exemplu:(o perla de la BAC) :
In "Sobieschi si romanii" autorul descrie cum o mina de plaiesi au rezistat asediului perfid al puternicei armate din Iasi. In final, plaiesii, se predau in mod eroic, lasind cetatea neamtului.
Sursa: <p> In "Sobieschi si romanii" autorul descrie cum o mina de plaiesi au rezistat asediului perfid al puternicei armate din Iasi. In final, plaiesii, se predau in mod eroic, lasind cetatea neamtului.</p>
Formatul textului
O pagina web fara un format anume al textului va arata plictisitoare. De aceea se folosesc aceste taguri pentru text(bold, italice, subliniat).Cateva taguri cunoscute pentru formatul textului sunt <b> si </b> pentru bold, <i> si </i> pentru italice, <u> si </u> pentru subliniat. Pentru dimensiunea textului se folosesc tagurile <font size=n> si </font>.
Exemplu:
Ema este o fata foarte frumoasa.
Sursa:<b>Ema</b> <i>este</i> <u>o fata</u> <font size=+2>foarte frumoasa.</font>
