Html 9


l) Modele de stiluri

In specificatiile HTML 4.0 au aparut specificatiile pentru modele de stiluri, cunoscute ca Modele de Stiluri in Cascada (Cascading Style Sheets – CSS). Pana la acea data forma, culoarea si marimea textului puteau fi date cu instructiunea „font” si cu atributele sale: „face”, „color”, „size”.
Modelele de stiluri pot fi aplicate aproape oricarei instructiuni, folosind atributele din tabelul de mai jos.
Modelele de stiluri pot fi aplicate in mai multe moduri:
a) intern: atributele sunt specificate in interiorul marcajului de deschidere al fiecarei instructiuni; este cel mai neeconomic mod.
b) specificate in antetul fisierului: specificam la inceputul unui fisier diverse atribute pentru mai multe stiluri de text; acele stiluri le putem folosi de mai multe ori in corpul acelui fisier fara a mai specifica si atributele.
c) extern: atributele pentru diverse stiluri sunt specificate intr-un fisier special (pe care il putem construi cu un editor de texte (Notepad) si il salvam ca fisier de tip text cu extensia .css ) astfel incat pot fi apelate de orice alt fisier de pe site. Este modul cel mai recomandat, mai ales pentru site-uri mari.
Putem face chiar ca un anumit stil sa poata fi aplicat numai cu o anumita instructiune, iar altele sa poata fi aplicate cu mai multe instructiuni. Unele atribute din tabelul de mai jos pot fi specificate si sub o forma prescurtata; se poate intampla ca unele caracteristici specificate de dvs. sub forma prescurtata sa nu functioneze – folositi forma explicita, neprescurtata.

Atribut Descriere Valori
background imagini sau culori de fundal URL-ul (imaginii) sau culori date prin nume sau valoare RGB
color culoarea textului nume sau valoare RGB
font-family tipul fontului numele fontului sau al familiei de fonturi
font-size dimensiunea fontului data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
font-style text cursiv normal, italic
font-weight grosimea fontului extra-light, light, demi-light, medium, demi-bold, bold, extra-bold
line-height distanta dintre liniile de baza ale randurilor data in puncte(pt), inch(in), centimetri(cm), pixeli(px), procent(%)
margin-left distanta fata de marginea din stanga a paginii data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
margin-right distanta fata de marginea din dreapta a paginii data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
margin-top distanta fata de textul precedent sau fata de marginea de sus a paginii data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
text-align alinierea textului left(stanga), center(centru), right(dreapta), justify
text-decoration evidentierea textului none(nimic), underline(subliniat), italic(cursiv), line-through(taiat)
text-indent distanta primului rand fata de marginea din stanga data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
border-style tipul chenarului none, groove, dotted, dashed, solid, double, ridge, inset, outset
border-width grosimea chenarului data in puncte(pt), inch(in), centimetri(cm), pixeli(px)
border-color culoarea chenarului nume sau valoare RGB
72 pt=1 inch = 25,4 mm;
un font de dimensiunea 14pt inseamna ca sunt 14 puncte intre partea superioara a literei M sau h si partea inferioara a literei g sau y
Se folosesc si instructiunile:
Instructiune Atribute Descriere
< style >
< / style >
specifica in antet caracteristicile stilurilor
type= in general Cascading Style Sheets: „text/css”
< span >
< / span >
marcaj generic, numai pentru stiluri
class= specifica un anumit stil
id= specifica un anumit stil

3 thoughts on “Html 9

  1. destul de complex.am avut si eu o tentativa sa invat html dar.. nu am avut timp. insa interesant sa scrii in html inclusiv pentru indexare google [postul anterior]

    semnat: ala ciudat🙂

  2. nu mi se pare atat de greu, insa platformele difera. Spre exemplu wordpress foloseste XHTML codat UTF-8 parca…HTML curat si simplu, suportat de orice platforma este ceea ce ai „expus” si tu aici . Bafta

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s