河南新密交通运输局执法大队开展卫生创建大扫
Introducere
[modificare]Dac? a?i navigat pe Internet pentru cateva minute, mai mult ca sigur c? a?i auzit de HTML.
Unelte
[modificare]?n cazul cel mai simplu, unica unealt? de care ave?i nevoie - excep?ie f?cand 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
Primul exemplu
[modificare]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 romane?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?.