5 – Textul in HTML

'

Revenim la websitul nostru cu clătite minunate (apropo, numai mie se face poftă?).

Monentan situl arată ca în lecţia 3, evident incomplet. Haideţi să adăugăm ingredientele şi modul de preparare.

[html]
<doctype html>
<html>
<head>
<title>Expert in clatite</title>
</head>

<body bgcolor="#ede4c4">
<font color="#7f0006">
<h1 align="center">Invata sa faci clatite ca un adevarat cofetar</h1>
</font>
<h2 align="center" >Clatitele sunt simple, usoare, gustoase si savuroase in orice combinatie!</h2>
<hr>
<p>Ingrediente pentru ~10 clatite:
250 ml lapte
3 oua
60 g unt
125 g faina
20 g zahar
arome (lamaie,rom,portocala,vanilie etc. )
</p>
<p>
Preparare:
Punem la incalzit laptele cu untul astfel incat untul sa se topeasca dar <u>laptele sa nu dea in clocot</u>.
Se lasa la racit si intre timp amestecam celelalte ingrediente …

se freaca ouale cu zaharul se adauga faina si amestecam bine cu un tel,
punem aromele, varsam laptele caldut dar nu fierbinte si amestecam incetisor pana obtinem un amestec omogen.
Punem o tigaie <i>anti-adeziva</i>, o ungem cu <s>otet</s> ulei si lasam la incins…
luam cu un polonic din compozitie si varsam cam 3/4 in tigaia incinsa si apoi cu miscari circulare intindem aluatul in tigaie si lasam pana se rumeneste,
apoi cand incepe clatita sa se desprinda de pe vas o intoarcem sa se coaca si pe partea cealalta.
Serviti cu dulceata, branzica dulce de vaci, crema ciocolata etc.
<br>
<b>Pofta buna!</b>
</p>
<h3 align="right">Cofetar sef Catalin Cerga</h3>
<hr>
<font color="#3f4c34" size="3" face "arial">
<p align="center">Coypright SolutiiPC.ro, solutii complete pentru bucatarie</p>
<font>
</body>
</html>
[/html]

Am folosit diverse tag-uri de formatare, le voi descrie pe rând.

Tag-uri titlu (heading)

. <h1>, <h2>, … <h6> sunt titluri şi subtitluri, din ce în ce mai mici. A se vedea liniile 9, 11, 41.

Paragrafe

<p> şi </p> delimitează paragrafe
Automat, între două paragrafe va fi inserată o line goală.
În schimb, în interiorul aceluiaşi paragraf limbajul nu ţine cont de spaţii, doar de tag-uri. Oricâte spaţii ai adăuga, paragraful va fi afişat la fel în browser, ca un paragraf continuu, fără alineate (liniile 25-31 deşi goale nu au niciun efect în browser). Pentru a scrie pe rând nou într-un pargraf (similar Enter în Word), trebuie inserat tag-ul break <br> (linia 38). Este unul din tag-urile care nu are pereche, neavând conţinut.

Că tot a venit vorba, alt tag fără pereche este <hr> (linia 12), care înserează o linie oriontala în pagină.

Tag-uri de evidenţiere

Ca tag-uri de evidenţiere a textului <u> pentru subliniere, <i> sau <em> pentru scris înclinat, <s> pentru tăiere text, <b> sau <strong> pentru scris îngroşat.

Alinierea se foloseşte folosind atributul align şi poate avea valorie none (e ca şi cum ar lipsi), right (dreapta), left(stânga), sau center(centru).

Tag-uri de formatare font

Putem formata textul prin tag-ul <font>, ataşându-i atribute. Spre exemplu, la linia 43, am ales pentru altă culoare, altă dimensiune a caracterelor şi font-ul arial.

Atât deocamdată despre text, dacă nu ai greşit nimic pagină ar trebui să fie exact ca a mea. Te poţi juca şi experimenta cu tag-urile şi atributele până obţii efectul dorit.

În lecţia următoare vom învăţa să folosim listele.

Share this post:

Leave a Comment