Solutii IT&C

  • Cum cumperi?
  • Laptopuri
  • Tablete
  • Telefoane mobile
  • Imprimante
  • Stiri
  • Programe utile
  • Facebook
Te afli la: SolutiiPC Cod HTML 5 – Textul in HTML

5 – Textul in HTML

Catalin 14/02/2013 Leave a Comment

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.

Similare

Filed Under: HTML Tagged: refacute

Despre autor

Daca vrei sa apara:
- semneaza cu numele tau, nu al firmei
- nu alerga dupa link
- scrie romaneste, nu kum apucy
- daca tii sa ataci, ataci ideea, nu persoana
Primul comentariu e moderat.

Lasă un răspuns Anulează răspunsul

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Acest site folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.

Categorii

  • Aparate Foto (29)
  • Console Jocuri (12)
  • CPanel (8)
  • Cum cumperi? (23)
  • Desktop PC (6)
  • Diverse (49)
  • Electrocasnice (24)
  • Facebook (14)
  • Frigidere (5)
  • Gadgeturi (9)
  • Gmail (2)
  • Guestposts (5)
  • Hardware (27)
  • HDD Extern (10)
  • HTML (11)
  • Imprimante (19)
  • Laptopuri (47)
  • Masini de spalat (5)
  • Microsoft Office (1)
  • Programe utile (4)
  • Reduceri Promotii (3)
  • Reduceri si Promotii (34)
  • Securitate (8)
  • Sisteme Audio (12)
  • Sisteme de Andocare (9)
  • Sisteme de navigatie GPS (14)
  • Sisteme Home Cinema (4)
  • Software (10)
  • Stiri (319)
  • Tablete (43)
  • Telefoane mobile (88)
  • Televizoare (13)
  • Webmasteri (5)
  • Windows (7)
  • Yahoo (4)

Etichete

A4 (4) Acer (11) Allview (17) amazon (7) AMD (12) android (54) apple (49) Asus (23) BlackBerry (6) canon (8) dell (7) facebook (15) featured (310) google (39) Google Nexus (5) HP (14) htc (8) huawei (6) IBM (5) intel (25) ios (5) iphone (5) Lenovo (22) LG (29) linux (6) microsoft (39) motorola (8) nikon (10) Nokia (18) nvidia (6) quad-core (8) qualcomm (12) refacute (24) Samsung (80) seagate (6) snapdragon (7) sony (25) toshiba (10) twitter (6) western digital (7) windows (10) windows phone (5) xiaomi (5) yahoo (7) zuckerberg (5)

Pagini

  • Contact
  • Ghid cumparaturi electronice
  • Ghid de cumparaturi electrocasnice
  • Propune un articol
  • Termeni si conditii

Copyright © 2025 · SolutiiPC.ro