Tutorial HTML
BackNext
Prima pagina
Primul cod html
Putem porni fara teama la scrierea fisierelor html pentru ca niciodata nu veti vedea fereastra
urât colorata a compilatorului care te anunta ca ai ceva erori si chiar mai multe „warning-uri”
umbrita de privirea dojenitoare a profesorului care îti da de înteles ca iarasi ai uitat „un punct
si virgula”.
Pornim un editor simplu - Notepad.
Tastati urmatoarea secventa:
<html>
<head>
<title>Prima</title>
</head>
<body>
Buna ziua Web. <b>textul e scris ingrosat</b>
</body>
</html>
Observatie: Nu lasati un spatiu dupa „<” pentru ca browserul nu mai recunoaste instructiunea.
Salvam fisierul cu numele "prima.htm".
Pronim browserul si deschidem fisierul prima.htm
Sa explicam exemplul...
Înainte de a începe observam ca avem mai multe perechi de tag-uri. Primul marcheaza
începutul unui bloc de text iar tag-ul care începe cu „/” si are acelasi nume cu tagu de
deschidere marcheza terminarea blocului de text.
Primul tag dintr-un document HTML este <html>. Acesta are rolul de a anunta browserul ca
urmeaza un document HTML. La sfârsitul documentului avem </html>acesta atentionând
browserul ca a ajuns la sfârsitul documentului HTML.
În continuare avem doua delimitari importante ale documentului partea de head si cea de
body (Ca la lectia de zoologie: porcul este compus din cap, corp si picioare.... – aici lipsesc
picioarele).
Blocul de text dintre <head> si </head> este informatia din header. Foarte important:
informatia din cadrul header-ului nu se afiseaza în fereastra browserului. Ea este destinata
descrierii documentului. Dar sa nu anticipam...
Tag-urile <title> marcheaza titlul documentului si acesta va fi afisat pe fereastra browserului.
Tag-urile de <body>delimiteaza zona de text care va fi afisata în cadrul ferestrei browser-ului.
Textul delimitat de<b> si </b> va fi afisat îngrosat.
Ce extensie folosim pentru fisierele documentelor web:
HTM sau HTML?
În principiu nu conteaza pentru ca ambele sunt interpretate la fel. Extensia „HTM” a devenit
mai populara datorita faptului ca majoritatea extensiilor fisierelor sunt formate din 3 litere.
Oricum consecventa în utilizarea unei singure extensii este foarte importanta.
Alt exemplu:
Tastati urmatorul cod:
<html>
<body>
<p>Acesta e un paragraf.</p>
<p>In limba engeleza un paragraf se marcheaza printr-un rand liber.</p>
<p>Acesta e un paragraf.</p>
</body>
</html>