HTML de baza
3.1. STRUCTURA UNUI DOCUMENT HTML
<HTML>
<HEAD>
<TITLE> Formatare paragraf intr-un document HTML </TITLE>
</HEAD>
<BODY>
Salut!
Ma numesc Alina si sunt eleva la un liceu din Craiova. Acum este tare tarziu, dar 242b18c cum somnul intarzie sa vina iata-ma hai-hui pe internet. Saptamana viitoare trebuie sa prezint la ora de engleza un referat cu tema "Internet viitorul omenirii?" in care voi vorbi despre implicatiile pe care le are informatica si, in special, internetul in viata omului viitorului. Sigur ca trebuie sa fie o viziune a mea asupra viitorului si nu o profetie. Daca tu, draga mea prietene de pe internet, m-ai putea ajuta cu cateva sugestii in realizarea acestui referat ti-as ramane indatorata.
</BODY>
</HTML>
3.2. FORMATAREA PARAGRAFELOR
3.2.1. Trecerea la linie noua
Marcajul <BR>. El se poate folosi si in combinatie cu parametrul CLEAR=optiune, optiune ce forteaza trecerea la linie noua fata de marginea specificata.
Valorile posibile pentru optiune sunt left, right, all.
<HTML>
<HEAD>
<TITLE> Formatare paragraf intr-un document HTML </TITLE>
</HEAD>
<BODY>
Salut! <BR CLEAR=all>
Ma numesc Alina si sunt eleva la un liceu din Craiova. Acum este tare tarziu, dar 242b18c cum somnul intarzie sa vina iata-ma hai-hui pe internet. <BR> Saptamana viitoare trebuie sa prezint la ora de engleza un referat cu tema "Internet viitorul omenirii?" in care voi vorbi despre implicatiile pe care le are informatica si, in special, internetul in viata omului viitorului. Sigur ca trebuie sa fie o viziune a mea asupra viitorului si nu o profetie. </BR>
Daca tu, draga mea prietene de pe internet, m-ai putea ajuta cu cateva sugestii in realizarea acestui referat ti-as ramane indatorata.
</BODY>
</HTML>
3.2.2. Specificarea unui paragraf
Marcajul <P>...<P/P>
<HTML>
<HEAD>
<TITLE> Formatare paragraf intr-un document HTML </TITLE>
</HEAD>
<BODY>
Salut!
<P>Ma numesc Alina si sunt eleva la un liceu din Craiova. Acum este tare tarziu, dar 242b18c cum somnul intarzie sa vina iata-ma hai-hui pe internet. </P>
<P>Saptamana viitoare trebuie sa prezint la ora de engleza un referat cu tema "Internet viitorul omenirii?" in care voi vorbi despre implicatiile pe care le are informatica si, in special, internetul in viata omului viitorului. Sigur ca trebuie sa fie o viziune a mea asupra viitorului si nu o profetie. </P>
<P>Daca tu, draga mea prietene de pe internet, m-ai putea ajuta cu cateva sugestii in realizarea acestui referat ti-as ramane indatorata.</P>
</BODY>
</HTML>
3.2.3. Alinierea unui paragraf
Marcajul <P>...<P/P> se imbogateste cu optiunea align.
Optiunea align poate primi ca valoare unul din cuvintele: left, right, center.
<HTML>
<HEAD>
<TITLE> Formatare paragraf intr-un document HTML </TITLE>
</HEAD>
<BODY>
<P align="center">Salut!</P>
<P>Ma numesc Alina si sunt eleva la un liceu din Craiova. Acum este tare tarziu, dar 242b18c cum somnul intarzie sa vina iata-ma hai-hui pe internet. </P>
<P>Saptamana viitoare trebuie sa prezint la ora de engleza un referat cu tema "Internet viitorul omenirii?" in care voi vorbi despre implicatiile pe care le are informatica si, in special, internetul in viata omului viitorului. Sigur ca trebuie sa fie o viziune a mea asupra viitorului si nu o profetie. </P>
<P>Daca tu, draga mea prietene de pe internet, m-ai putea ajuta cu cateva sugestii in realizarea acestui referat ti-as ramane indatorata.</P>
</BODY>
</HTML>
3.2.4. Centrarea textului
Marcajul <CENTER>...</CENTER> are ca efect centrarea rapida a textului.
<HTML>
<HEAD>
<TITLE> Formatare paragraf intr-un document HTML </TITLE>
</HEAD>
<BODY>
<CENTER> Salut! </CENTER>
<P>Ma numesc Alina si sunt eleva la un liceu din Craiova. Acum este tare tarziu, dar 242b18c cum somnul intarzie sa vina iata-ma hai-hui pe internet. </P>
<P>Saptamana viitoare trebuie sa prezint la ora de engleza un referat cu tema "Internet viitorul omenirii?" in care voi vorbi despre implicatiile pe care le are informatica si, in special, internetul in viata omului viitorului. Sigur ca trebuie sa fie o viziune a mea asupra viitorului si nu o profetie. </P>
<P>Daca tu, draga mea prietene de pe internet, m-ai putea ajuta cu cateva sugestii in realizarea acestui referat ti-as ramane indatorata.</P>
</BODY>
</HTML>
3.3. FORMATAREA FONT-URILOR
Un font reprezinta un set de caractere (256) cu un aspect grafic unitar.
Stiluri de afisare: ingrosat, inclinat, subliniat.
Marcajul <B>...</B> este folosit daca vrem ca un cuvant sau o portiune din text sa ne apara ingrosat.
Marcajul <I>...</I> este folosit daca vrem ca un cuvant sau o portiune din text sa ne apara ingrosat.
Marcajul <U>...</U> este folosit daca vrem ca un cuvant sau o portiune din text sa ne apara subliniat.
3.3.1. Nivele de titlu
Marcajele <Hn>...</Hn> pun in evidenta nivelele de subtitlu al unui document; n poate lua valori de la 1 la 6. Cel mai inalt nivel este 1, apoi nivelul descreste pana la nivelul 6, nivelul 6 fiind cel mai mic nivel.
3.3.2. Alegerea tipului de font
Marcajul <FONT>...</FONT> impreuna cu optiune face (ce va primi ca valoare numele fontului ce intentionam sa-l folosim incadrat de ghilimele) -> permite alegerea tipului de font cu care dorim sa fie afisat textul.
<FONT face="Courier, Arial">...</FONT>
3.3.3. Alegerea dimensiunii caracterelor
Marcajul <FONT>...</FONT> impreuna cu optiune size (ce va primi ca valoare un numar incadrat intre ghilimele).
<FONT face="Courier,Arial" size="4">...</FONT>
3.3.4. Alegerea culorii font-ului
Marcajul <FONT>...</FONT> impreuna cu optiune color. Valoarea acestei optiuni va fi numele in limba engleza incadrat de ghilimele sau codul culorii precedat de semnul # si incadrat, de asemenea, de ghilimele.
<FONT face="Courier,Arial" size="4" color="red">...</FONT>
<FONT face="Courier,Arial" size="4" color="#FF0000">...</FONT>
3.4. LINII DE DELIMITARE SI COMENTARII
3.4.1. Marcajul <HR>, plasat oriunde in document, are ca efect trasarea unei linii orizontale.
Se poate folosi in combinatie cu parametrii: SIZE=optiune, WIDTH=optiune, ALIGH=optiune si NOSHADE.
- optiunea parametrului SIZE este un numar ce stabileste grosimea liniei;
- optiunea parametrului WIDTH poate stabili cat la % din latimea paginii va ocupa rigla respectiva;
- parametrul ALIGN se utilizeaza impreuna cu parametrul WIDTH si optiunea lui are drept efect fortarea liniei fata de marginea specificata. Valorile posibile pentru optiune sunt left, right.
- optiunea COLOR stabileste culoarea riglei;
- prin prezenta parametrului NOSHADE, fara nici o optiune, se dezactiveaza afisarea umbrei pentru rigla orizontala.
3.4.2. Comentarii
Comentariile sunt texte incadrate intre <!-- si -->.
Rolul comentariilor este de a face un document HTML mai usor de inteles prin plasarea unor expicatii din loc in loc. Ele nu vor fi afisate in cuprinsul paginii Web creata prin documentul respectiv.
|
