Tema 1. Stiluri

Generalităţi

Stiluri inline

Folosirea inline a stilurilor se realizează cu ajutorul atributului STYLE, care poate fi scris în interiorul majorităţii etichetelor.

Exemplul 1

<HTML>

<Body>

<P Style="color: red"> Primul paragraf

<P Style="color: green"> Al doilea paragraf

<P Style="color: blue"> Al treilea paragraf

<P Style="color: black"> Al patrulea paragraf

</Body>

</HTML>

Stiluri înglobate

Exemplul 2

<HTML>

<Head>

P {color: green; font-size: 12pt}

H1 {color: red; font-size: 18pt}

H2 {color: blue; font-size: 15pt}

</Style>

</Head>

<Body>

<P> Un paragraf</P>

<H1>Text-nivel de titlu 1</H1>

<H2>Text-nivel de titlu 2</H2>

</Body>

</HTML>

Stiluri externe

Exemplul 3

Documentul .html din exemplul 2 putea fi scris astfel:

Creăm fişierul stiluri.css cu următorul conţinut:

P {color: green; font-size: 12pt}

H1 {color: red; font-size: 18pt}

H2 {color: blue; font-size: 15pt}

Scriem conţinutul documentului .html:

<HTML>

<Head>

<Link Rel="stylesheet"

Href="stiluri.css"

Type="text/css">

</Head>

<Body>

<P> Un paragraf</P>

<H1>Text-nivel de titlu 1</H1>

<H2>Text-nivel de titlu 2</H2>

</Body>

</HTML>

...

Page updated

Google Sites

Report abuse