Tutorial HTML - Tags
Un browser citeste absolut tot ceea ce ai scris in documentul HTML. De fiecare data cand gaseste un tag il va trata ca atare si il va reda, ca de exemplu un paragraf, un titlu un tabel sau orice altceva. Tagurile au trei parti dupa cum am mai spus deschiderea, continutul si inchiderea.
Dupa cum vei putea invata mai departe exista sute de taguri HTML. Absolut toate elementele care vor fi redate de un browser au nevoie de un tag sau doua.
|
<openingtag>Continut</closingtag> |
Tag-urile se scriu cu litere mici. Acesta este standardul de scriere in XHTML si Dynamic HTML.
Alaturat sunt cateva exemple de taguri in HTML.
|
<body>Actioneaza ca o capsula asupra continutului. <p>Paragraf</p> <h2>Titlu (heading)</h2> <b>Ingrosat (bold)</b> <i>Inclinat (italic)</i> </body> |
Exceptii - Tag-uri care nu au nevoie de inchidere
Exista cateva tag-uri care nu indeplinesc modelul anterior aratat. Motivul este ca in realitate aceste tag-uri nu au nevoie de nuci un continut. Datorita acestui fapt se va folosi o maniera modificat de criere a acestor taguri.
Cel mai simplu exemplu este "linebreak"
|
<br/> |
Acest tag a imbinat cele doua taguri, de deschidere si de inchidere, intro forma mult mai simpla si mai eficace de folosit. Line break se foloseste pentru a spune browser-ului ca vrem sa coboram cu o linie mai jos, fara insa a incheia paragraful.
Urmand acest exemplu si alte tag-uri au fost modificate pentru o scriere mai simpla si mai rapida.
|
<img src="../img/image.jpg" /> -- Image Tag -- <br /> -- Line Break Tag -- <input type="text" size="12" /> -- Input Field -- |
Vizualizare
|
|
Dupa cum poti vedea borowser-ul este capabil sa reproduca aceasta imagine atata timp cat furnizam locatia cu ajutorul atributului "scr". Mai multe despre aceasta in tutorialul urmator.
Comentarii
am invatat html simplu pe ecursuri.ro da aici e totul diferit...nu inteleg nimic
aici de ex nu am inteles mai nimic. faza cu imaginea italic etc...deja erau puse aiurea fara o legatura cu ceea ce a fost inainte explicat. trebuia sa se puna tot cu <html>......</html> pt ca nu stim unde sa punem toate alea. dupa <p> si inainte de <p/> ? :((
Nu inteleg...cum pot adauga o imagie pe o pagina web:((
am tot incercat ...cu tag ul <img scr=" am scris numele unei poze de al mele"=face>..dupa acre am salvat indexul.html l am deschis dar nu mi a aparut poza ...insami a aparut un patratel mic...Ce pt face?! multumesc!
Salut liza... Ceea ce poti face este sa scrii adresa corecta catre imaginea ta si sa iti construiesti codurile cu logica in loc sa le copiezi de pe internet fara sa intelegi ceea ce face fiecare tag. Iti recomand in acest sens sa citesti tutorialul HTML - Link-uri imagine. Este un bun inceput bafta
Salut este excelent site bv.... dar pune te rog un preview este excelent pt incepatori ! Multumesc
BESTIAL ! FOARTE USOR !
foarte naspa huuuuuuuuuu
excelet...am scris de m-am saturat...:)
Pentru ca browserul sa inteleaga imagine, trebuie pusa in acelasi oc unde e scriptul.De exemplu: Fa un folder cu numele HTML(nu conteaza numele),pune in el scriptul pe care lai facut(documentul html) si tot in acelasi folder pune si imaginea.Daca codul e corect si adresa imaginii scrisa corect,sigur iti va merge.
Mai inati invatati sa scrieti corect romaneste si apoi dati drumu la a-i invata pe altii.Din acest tutprial nu aveti cum invata mare lucru.Va recomand w3school daca vreti ceva buna.
Bafta in a invata HTML.
Sunt incepatoare in html,am citit de el pe net,mi-am facut un site gratuit pe webnode.com,am vizualizat documentul html intrind cu wiev si source,pentru optimizare as vrea sa intru in document sa fac completari pe meta si alte taguri si nu stiu practic cum sa fac,ce pasi sunt de parcurs.Daca ma poate ajuta cineva as fi foarte bucuroasa.Multumesc.
Ar trebui explicat ce inseamna adresa corecta a unei fotografii personale din calculator si dat un exemplu in care sa se inteleaga clar cum se pune o imagine pe pagina html.Ati spus de scris adresa corecta,altfel nu apare in pagina...dar nu ati dat un exemplu clar.
Trimite un comentariu!
