CUPRINS
Capitolul I - Introducere in limbajul html
Terminologie
Documente HTML
Tag-uri de marcare
HTML
HEAD
TITLE
BODY
Paragrafe
Legaturi (links)
URL-uri
Legaturi la sectiuni anume
Legaturi intre sectiunile diferitelor documente
Capitolul II - Prezentarea paginii web
Capitolul III - Codul sursa
Capitolul I - Introducere in limbajul html
1.1 Terminologie
In termeni practici, HTML este o colectie de forme independente de platforma de calcul (evidentiate de tag-uri markup ) care definesc diferitele componente ale unui document World Wide Web. HTML a fost inventat de Tim Berners-Lee la CERN, Laboratorul European pentru Fizica Particolelor din Geneva.
Documente HTML
Ce este un document HTML?
Documentele HTML sunt fisiere text (ASCII) care pot fi create folosind orice editor de texte (de exemplu, Emacs sau vi pe masinile UNIX ; BBEdit pe un Macintosh; Notepad pe o masina Windows, Edit sub MS-DOS). Se poate folosi chiar si un procesor de texte mai evoluat (word-processing software) precum Word Perfect sau Win Word, daca avem grije sa salvam documentul ca text curat - 'text only with line breaks.'
Ce este tag-ul?
Un element fundamental, componenta a structurii unui document: printre exemplele de astfel de elemente avem 'heads', tabelele, paragrafele, listele. Trebuie sa le privim cam asa: se folosesc tag-uri HTML pentru a marca elementele unui fisier pentru a fi interpretate de browser. Elementele pot contine texte, alte elemente, sau combinatii ale acestora. Pentru a defini, a delimita, diferitele elemente din documentul HTML se folosesc tag-uri. Tag-urile HTML constau dintr-o paranteza ascutita deschisa (<), numele tag-ului, si o paranteza ascutita inchisa (dreapta) (>). Tag-urile sunt in mod obisnuit imperecheate: inceput si sfarsit (de exemplu, <H1> si </H1>). Tag-ul de sfarsit arata la fel cu cel de inceput, exceptand bara 'slash' (/) care precede numele tag-ului dintre paranteze. Lista tag-urilor HTML este data mai jos. Unele elemente pot include un atribut, o informatie aditionala care este inclusa in interiorul tag-ului de inceput (de start). Spre exemplu, se poate specifica alinierea unei imagini (sus, la mijloc sau jos ) prin includerea atributului corespunzator in codul HTML al imaginii sursa. Tag-urile care au atribute optionale sunt indicate in lista de mai jos.
Un Document minimal HTML
Orice document HTML trebuie sa contina cateva tag-uri HTML standard. Fiecare document consta din doua zone de text - cap si corp : 'head' si 'body'. Capul (head) contine titlul, iar corpul (body) contine textul propriu-zis, compus din paragrafe, liste, si alte elemente. Browser-ele urmaresc informatii specifice deoarece sunt programate in concordanta cu specificatiile HTML si SGML . Elementele cerute sunt vizibile in urmatorul exemplu de document simplu :
<html>Un instrument de invatare
Pentru a vedea o copie a fisierului parcurs de browser, ca fisier sursa, trebuie selectata pozitia 'View Source' (sau evhivalentul ei) din meniul browser-ului. Atunci continutul, cuprinsul fisierului, cu toate tag-urile HTML, este afisat intr-o noua fereastra.
Acesta este un mod instructiv de a vedea si intelege cum se foloseste HTML, si de a invata sa construim documente. Desigur, un fisier - document HTML poate sa nu fie corect tehnic. Atunci cand sistemul de scriere devine familiar, parcurgerea diferitelor documente online ne va permite sa distingem intre fisiere HTML corecte si gresite. Retineti ca, putand salva fisierul sursa HTML, cu toate codurile HTML, puteti folosi acest fisier ca model pentru una din paginile Web, modificand doar continutul ca text, pentru a corespunde intereselor d-voastra.
Tag-uri de marcare
HTML
Acest element comunica browser-ului ca fisierul contine informatii codificate HTML. Extensia fisierului (.html) indica de asemeni ca e vorba de un document HTML si este esential sa fie folosita. (Pe sistemele MS-DOS sau Windows 3.x, cu restrictia la numele de fisiere la 8.3 caractere (spre exemplu, LeeHome.htm), se foloseste doar extensia .htm .
HEAD
Elementul 'head' identifica prima parte a documentului codificat HTML, parte ce contine titlul. Titlul este folosit ca parte a ferestrei browser-ului (vezi mai jos).
TITLE
Elementul 'title' contine titlul documentului si identifica continutul sau intr-un context global. Titlul este afisat undeva in fereastra browser-ului, de obicei pe bara de sus, in afara spatiului pentru text. Titlul este memorat si folosit de browser si ca descriere in listele de URL-uri vizitate, in 'bookmark' in special. Este important deci sa alegeti un titlu descriptiv, unic, relativ scurt. Titlul este folosit de asemeni in procesul de cautare WAIS a serverului.
Spre exemplu, se poate include un titlu prescurtat al unei carti impreuna cu continutul capitolului: 'NCSA Mosaic Guide (Windows): Installation'. Precizand astfel soft-ul folosit, platforma de calcul (sistemul de operare), si titlul capitolului (pe scurt), ceea ce este mult mai util decat pur si simplu 'Installation'. In general trebuie sa limitam titlurile la cel mult 64 caractere. Trebuie evitata posibila confuzie dintre titlul documentului si titlurile folosite in corpul sau, denumite in original 'headings'; In timp ce pentru primul se foloseste tag-ul <Title>, la celelalte intervin tag-urile <H1>, <H2>,, <H6> .
BODY
Cea de a doua parte si cea mai intinsa, a documentului HTML este corpul acestuia, denumit - marcat cu tag-ul 'body'. Acesta este continutul documentului (partea care se afiseaza in zona de text a ferestrei browser-ului). Tag-urile care urmeaza mai jos sunt toate in interiorul corpului (interne fata de 'body') documentului HTML.
Paragrafe
Spre deosebire de documentele realizate cu majoritatea procesoarelor de texte, schimbarea de rand 'carriage return' nu are nici o semnificatie in fisierele HTML. Astfel nu conteaza cat de lungi sunt randurile (desi este mai comod sa fie de cel mult 72 caractere). Browser-ul 'formateaza' textul in concordanta cu codurile HTML, fara sa tina seama, in general, de asezarea in randuri din textul sursa. Multiplele spatii dintre randuri de text sunt, in mod normal, substituite cu un singur spatiu (adica textul apare scris la 'un rand', indiferent cum era in sursa!).
In exemplul de mai sus de Document HTML Minimal, primul paragraf este codificat ca
<P>Welcome to the world of HTML.This is the first paragraph.In fisierul sursa exista o intrerupere a liniei (randului) din cea de a treia propozitie. Iar primele doua propozitii apar scrise pe randuri distincte. Oricare browser Web ignora aceste elemente de forma, paragraful fiind inceput doar la intalnirea tag-ului <P>.
Important: Paragrafele sunt indicate cu elemente (tag-uri) <P> . Un browser ignora orice impartire a textului in randuri, precum si eventualele linii libere din textul sursa. Fara <P>, documentul devine un singur paragraf mare (O singura exceptie o constituie cazul cand textul este marcat ca 'preformatat,' cu tag-ul <PRE>, care este explicat mai jos). Spre exemplu, urmatoarea forma a sursei produce un rezultat identic cu cel din exemplul de mai sus:
<H1>Level-one heading</H1> <P>Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph! </P> <P>And this is the second paragraph.</P>Pentru usurinta de urmarire a fisierelor HTML, puneti titlurile pe linii separate, folosind cate o linie libera sau doua, pentru a ajuta identificarea inceputului unei noi sectiuni, separand paragrafele cu linii libere (pe langa folosirea tag-urilor <P>). Aceste extra spatii ne ajuta cand editam fisierul (dar browser-ul le ignora, avand propriul set de reguli de spatiere, care nu depind de spatiile din fisierul sursa).
NOTA: Tag-ul de sfarsit, </P>, poate fi omis. Asta deoarece browser-ele inteleg ca odata cu aparitia unui tag <P>, este limpede ca paragraful precedent s-a incheiat.
Folosirea perechii <P> si </P>, ca delimitatori ai unui paragraf, permite centrarea paragrafului prin includerea atributului ALIGN=alignment in fisierul sursa.
<PALIGN=CENTER>Legaturi (links)
Forta HTML provine de la abilitatea de a lega un text si/sau o imagine cu un alt document sau sectiune dintr-un document. Un browser, afisand fisierul sursa, accentueaza numele textului sau a imaginii, identificate, cu alta culoare sau prin subliniere, pentru a indica legatura 'hypertext' (adesea denumita pe scurt doar hyperlink sau link).
Exista un singur tag HTML, relativ la hipertext, anume <A>, care simbolizeaza - defineste o ancora (anchor). Pentru a include o ancora in document:
Iata un exemplu de hypertext referinta intr-un document html:
Aici se face legatura cuvantului Maine , ca hyperlink la documentul MaineStats.html, care este in acelasi director ca si documentul initial (in care apare referinta).
World Wide Web foloseste adresele denumite 'Uniform Resource Locators' (URL-uri) pentru a specifica locul fisierelor in alte servere. Un URL include tipul de resursa care se acceseaza (spre exemplu, Web, gopher, WAIS), adresa serverului, si pozitia - locul fisierului. Sintaxa este:
schema://host.domeniu [:port]/path/ nume_fisierunde schema este unul din cuvintele:
Numarul portului poate fi, in general, omis. (In afara cazurilor cand este cerut in mod expres, poate fi lasat necompletat). Spre exemplu, pentru a include o legatura la documentul HTML folosit si tradus aici, scriem:
<A HREF='https://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html'>Asta face ca, in documentul curent textul: ' NCSA's Beginner's Guide to HTML ' sa apara
la hyperlink la fisierul HTMLPrimer.html cu URL-ul de mai sus. Pentru detalii privind RL-urile, pot fi parcurse documentele:
Ancorele pot fi folosite pentru salturi in cadrul aceluiasi document, sau sectiune - capitol anume dintr-un document (fie in acelasi document fie unul diferit) si pentru revenirea la inceputul documentului (pozitie predefinita). Acest tip de ancora este numita uzual 'named anchor' din cauza ca realizeaza legaturi acolo unde inseram name HTML in document.
Ghidul HTML Primer.html (sursa acestui text) este un bun exemplu de folosire a ancorelor cu nume (named anchors) intr-un singur document. Ghidul este construit ca un singur document, pentru a fi mai simplu de scos la imprimanta. Dar ca un singur document, de dimensiuni destul de mari, poate fi neplacuta si consumatoare de timp, parcurgerea sa secventiala, atunci cand cautam o anume informatie despre HTML. Hyperlink-urile interne sunt folosite pentru a crea o 'tabla de materii', un cuprins, la inceputul documentului. Aceste hyperlink-uri permit saltul de la o pozitie la alta, in document. (Trebuie doar sa selectati - cu 'click' hyperlink-ul 'Links to Specific Sections', din cuprins, pentru a ajunge in original la aceste explicatii.)
Se poate realiza si legatura la o anume sectiune dintr-un alt document.
Presupunem ca dorim sa realizam o legatura din documentul A (documentA.html) la o anumita sectiune din alt document (MaineStats.html).
Introducem codul HTML pentru o legatura la o ancora cu nume:
documentA.html:In addition to the many state parks, Maine is also home to <a href='MaineStats.html#ANP'>Acadia National Park</a>.
Unde caracterele de dupa diez (#) constituie o eticheta din fisierul MaineStats.html . Aceasta eticheta comunica browser-ului ce trebuie afisat in partea de sus a ferestrei, atunci cand este activata legatura. Cu alte cuvinte, prima linie in fereastra browser-ului trebuie sa fie inceputul (titlul) sectiunii despre 'Acadia National Park .
Prin urmare, trebuie creata ancora cu nume (in acest exemplu 'ANP') in fisierul MaineStats.html:
<H2><A NAME='ANP'>Acadia National Park</a></H2>Cu aceste elemente plasate se poate realiza trecerea direct, asa cum s-a dorit.
NOTA: Nu se poate crea o legatura la o anume sectiune dintr-un document decat
daca avem permisiunea de a scrie in acel document, sau daca respectivul document contine deja eticheta la care se doreste saltul.
Spre exemplu, se pot include ancore cu nume in documentul HTML mentionat deja, HTMLPrimer.html , deoarece in acesta exista numeroase etichete. Pot fi vazute cu ajutorul optiunii View, Source din browser, pentru a vedea codurile). Dar daca documentul nu are nici o eticheta, atunci nu putem sa facem o legatura la un anumit paragraf deoarece nu poate fi editat fisierul original de pe serverul NCSA'
|
Politica de confidentialitate |
 .com |
Copyright ©
2024 - Toate drepturile rezervate. Toate documentele au caracter informativ cu scop educational. |
Personaje din literatura |
| Baltagul – caracterizarea personajelor |
| Caracterizare Alexandru Lapusneanul |
| Caracterizarea lui Gavilescu |
| Caracterizarea personajelor negative din basmul |
Tehnica si mecanica |
| Cuplaje - definitii. notatii. exemple. repere istorice. |
| Actionare macara |
| Reprezentarea si cotarea filetelor |
Geografie |
| Turismul pe terra |
| Vulcanii Și mediul |
| Padurile pe terra si industrializarea lemnului |
| Termeni si conditii |
| Contact |
| Creeaza si tu |
