Pentru a spune că o pagină ce folosește HTML, este scrisă în limbajul HTML, trebuie să mai folosim câteva chestii.
Tag
Structura de bază a unui document HTML, implică TAG-urile, care însoțesc continutul și care ajută la aplicarea funcțiilor asupra textului.
Schimba-ți conținutul documentului început, așa:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><html>
<body>
Aceasta este prima mea pagină web.
</body>
</html>
Acum salvează documentul încă o dată, dute la browserul tău de internet și accesează butonul ”Refresh” (pagina se va reîncărca în forma nouă).
Pagina ta web arată la fel, textul nu sa modificat dar implementarea limbajului HTML nu înseamnă doar ceea ce vezi ci asigură o ordine și o structură a textului propriuzis.În noua formulă defapt am folosit elementele de bază ale unui document .html, a unei pagini web!
Prima linie din document <!DOCTYPE … îi spune browserului cu care deschizi documentul, că acest document foloseste limbaj HTML și că trebuie recunoscut ca un document .html.Aceasta linie este una clasica, si este recomandat obligatoriu folosirea ei, deoarece așa nu va exista riscul de a ți se confunda munca, de către diferitele browsere.Pur și simplu trebuie scrisă(suntem la un tutorial de incepători și asta nu presupune explicații prea complexe).
Avem în document, tagul <html> care deschide conținutul documentului HTML, și oferă practic browserului întelegerea că urmează un cod HTML, citirea lui realizându-se imediat după acest tag; </html> fiind tagul care îi spune browserului că citirea conținutului se termină, și că se încheie documentul HTML.Între tagurile <body> și </body> se află întreg conținutul vizualizat în browserul de Internet.
Închiderea tag-urilor
Tag-urile </body> și </html> închid tag-urile <body> și <html>.În structura unui document HTML este foarte important ca toate tag-urile să fie închise, browserele vechi permit ca unele tag-uri să rămână deschise, dar cele noi refuză radical citirea documentului dacă observa o astfel de greșeală, așa generându-se erorile documentului HTML.
Atribute
Alături de tag, un text poate primi și atribute, care sunt defapt informații suplimentare adăugate tag-ului, pentru text!Atributele se scriu în interiorul tag-ului de deschidere și arată cam așa : <tag attribute=”value” >Text</tag>.Vom reveni asupra atributelor tag-urilor pe parcursul tutorialului, acum doar le recunoaștem.
Elemente
Tag-urile în principiu marchează inceputul și sfârșitul unui element.Întro pagină web, elementele constructive ce descriu conținutul, sunt date de tag-uri ce deschid si inchid elemente.De exemplu tagurile <body> și </body> descriu elementul body al paginii web, la fel sunt și alte tag-uri ce dețin informații despre alte elemente, cum ar fi <title> si </title> ce constituie elementul de titlu (ex:<title>Pagină personală</title>)
Pagini relatate:
- Pagina următoare: Titlul paginii
- Pagina precedentă: Introducere
- Justificări - Definirea tipului de document ( Tutorial HTML pentru avansaţi )
![header=[] body=[andrew.cornett posted a photo:
Just squeezed out this HTML email in about an hour or so thanks to MailChimp!. ReadyTech HTML Email] andrew.cornett posted a photo:
Just squeezed out this HTML email in about an hour or so thanks to MailChimp!. ReadyTech HTML Email](http://farm4.static.flickr.com/3004/3048902260_14465ef17e_s.jpg)
![header=[] body=[Toni Panayotov posted a photo:
The first concept for the homepage of a school project. Client: Mambo Lounge Nightclub San Francisco CA. mambo_lounge] Toni Panayotov posted a photo:
The first concept for the homepage of a school project. Client: Mambo Lounge Nightclub San Francisco CA. mambo_lounge](http://farm4.static.flickr.com/3251/3047025017_eeef7db1e9_s.jpg)
![header=[] body=[tractorpirate posted a photo:
. www.m7lives.com] tractorpirate posted a photo:
. www.m7lives.com](http://farm4.static.flickr.com/3167/3046291353_4670b108ae_s.jpg)
![header=[] body=[comsodesign88 posted a photo:
planning on a new business card, so im starting to create som mock ups... business card mock up] comsodesign88 posted a photo:
planning on a new business card, so im starting to create som mock ups... business card mock up](http://farm4.static.flickr.com/3030/3046910170_5298b8d0e0_s.jpg)
![header=[] body=[SprittiBee posted a photo:
Who's scared? Looks like he is more than I am.. l-n-c2] SprittiBee posted a photo:
Who's scared? Looks like he is more than I am.. l-n-c2](http://farm4.static.flickr.com/3219/3046074967_077a125c2c_s.jpg)
![header=[] body=[tracystone posted a photo:
Website Design and development for Teahouse Media.
teahousemedia.com. Teahouse Media Website Design] tracystone posted a photo:
Website Design and development for Teahouse Media.
teahousemedia.com. Teahouse Media Website Design](http://farm4.static.flickr.com/3054/3046020827_68efee7d31_s.jpg)
![header=[] body=[Noah and Cat posted a photo:
In the next few months, life and time willing, I plan on starting a news website for the canal community in England, Ireland, Scottland and Wales. This is an in-progress design mock-up of where I'm headed. I'm not quite sure what to do with the bottom bit yet but I'm browsing other news sites for ideas.
The content right now is purely artificial. In most spots anyway.. Towpath Telegraph (In Progress)] Noah and Cat posted a photo:
In the next few months, life and time willing, I plan on starting a news website for the canal community in England, Ireland, Scottland and Wales. This is an in-progress design mock-up of where I'm headed. I'm not quite sure what to do with the bottom bit yet but I'm browsing other news sites for ideas.
The content right now is purely artificial. In most spots anyway.. Towpath Telegraph (In Progress)](http://farm4.static.flickr.com/3183/3045738255_8a8bd11d30_s.jpg)
![header=[] body=[jpguarin posted a photo:
Nueva pagina de VSP*
www.vsp.com.co. www.vsp.com.co] jpguarin posted a photo:
Nueva pagina de VSP*
www.vsp.com.co. www.vsp.com.co](http://farm4.static.flickr.com/3159/3045426395_e83cb3f50f_s.jpg)
![header=[] body=[kpucu.com posted a photo:
Redesign for www.bgstar.eu. BgStar.EU redesign] kpucu.com posted a photo:
Redesign for www.bgstar.eu. BgStar.EU redesign](http://farm4.static.flickr.com/3056/3045346683_ac042695e2_s.jpg)


