HTML/XHTML
De la Wikimanuale, o colecţie de manuale libere !
[modifică] Introducere
Dacă aţi navigat pe Internet pentru câteva minute, mai mult ca probabil că aţi auzit de HTML.
[modifică] Unelte
În cazul cel mai simplu, unica unealtă de care aveţi nevoie - excepţie făcând calculatorul - este un editor de text şi un Browser Web. Dacă folosiţi unul din următoarele sisteme de operare
- Windows - se poate utiliza Notepad sau Wordpad
- Mac - se poate utiliza SimpleText sau BBEdit
- Linux - aici gama fiind foarte larga, cateva fiind VI, Emacs, GEdit (TextPad, PFE - Programmer's File Editor, HomeSuite ?).
Pentru începători însă, sau dacă doriţi să aveţi spor, este recomandat sa folosiţi un editor HTML grafic. Dintre acestea, unele sunt gratuite sau cu cod sursă liberă (de exemplu NVU/Kompozer sau editorul integrat al suitei Mozilla sau Netscape) iar altele sunt oferte comerciale care pot costa sume frumoase (probabil unul dintre cele mai cunoscute/renumite fiind DreamWeaver)
De menţionat sunt:
- Notepad++ - [1]
- Macromedia Homesite
- Dreamweaver
- Nvu sau Kompozer
[modifică] Primul exemplu
Pentru a crea primul dumneavoastră fişier HTML trebuie sa urmăriţi paşii descrişi în cele ce urmează:
- deschide un editor de texte
- copiaza sau scrie codul de dedesubt
- salvează fişierul cu extensie htm sau html
- lanseaza un Browser şi deschide fişierul proaspăt creat/salvat
<html> <head> <title>Titlu paginii!</title> </head> <body> <H1>Primul exemplu</H1> Aceasta este prima mea pagină. <b>Acesta este un text îngroşat.</b> </body> </html>
Cuvintele "etichetă" ajuta la organizarea si prezentarea conţinutului documentului. Daca ne uităm la exemplul de mai sus:
- eticheta <html> ne atrage atenţia că avem de a face cu un fişier de tip html, care va trebui citit folosind un "browser"
- prima secţiune a fişierului este marcată de eticheta <head> (sau "antet", in româneşte). In aceasta secţiune, avem o etichetă care declară titlul documentului (de obicei acesta apare în bara de sus a browser-ului, deasupra meniului). In exemplul nostru, pagina este intitulata "Titlu paginii!". Tot in antet, de obicei mai apar programe script sau declaraţii css (cascade style sheet). Nu avem însă aşa ceva în acest prim exemplu.
- antetul se termină cu o etichetă aproape identică cu eticheta cu care a început: </head>
- conţinutul propriu zis care va apare în fereastra principală este delimitat de etichetele <body> şi respectiv </body>
- ultima eticheta </html> ne informează că fişierul se termină.
La o examinare mai atentă a conţinutului din exemplul nostru (textul delimitat între etichetele <body> .. </body>) descoperim o eticheta gen "header" care accentueaza textul din interior ( "Primul exemplu" apare mare şi îngroşat !). Singura altă etichetă folosită este <b> .. </b> (din engleză, de la bold = text îngroşat) şi este uşor de ghicit pentru ce este folosită.
