Formatare Text HTML

Lucrare nr. 1 Tema: Iniţiere în HTML Structura generală a unui document.
Ce inseamna HTML ?
HTML e prescurtarea de la HyperText Markup Language. HTML e un limbaj pentru calculator, care, daca-i folosit corect,
poate crea o pagina web.
Codurile HTML
Aceste coduri sunt folosite in fiecare document HTML pe care-l creezi. Aceste coduri definesc structura documentului.
Aceste coduri sunt folosite intodeauna in pereche.
Codul HTML Ce face

<HTML> si </HTML> Defineste documentu' ca document HTML
<HEAD> si </HEAD> Include informatii despre document
<TITLE> si </TITLE> Indica titlul documentului
<BODY> si </BODY> Incadreaza toate elementele din document
Codul <HTML>
Cele doua coduri <HTML> incadreaza totul in document. Daca ele lipsesc documentu' se vede ca simplu text.
Codul <HEAD>
Fara cele doua coduri <HEAD> ,unele browsere nu pot identifica documentul.
Codul <TITLE>
Intre cele doua coduri <TITLE>intra titlul paginii tale . Fa-ti titlul cat mai descriptiv, pentru a putea fi identifcat usor.
Codul<BODY>
Intre cele doua coduri <BODY> sunt icluse datele care vor aparea pe pagina.
Acest cod <BODY> este cel care va afisa culorile pe care le-ati setat voi. Setarile de culori pentru pagina sunt:
Setarea Ce face
BGCOLOR="culoare" Culoarea fundalului documentului
TEXT="culoare" Culoarea textului
LINK="culoare" Culoarea legaturii inainte de click
VLINK="culoare" Culoarea legaturii vizitate
ALINK="culoare" Culoarea legaturii in timpul click-ului
Culorile dupa nume si codul RGB

Putem folosi codul (RGB) sau, numele culori in engleza .
Iata cateva exemple:
black lightblue
white pink
silver red
gray darkred
green orange
darkgreen darkorange
lightgreen lightyellow
grey yellow
lime violet
teal darkviolet
olive navy
aqua blue
Iata o setare a culorilor folosind atat codul RGB cat si numele culorilor:
<HTML>
<HEAD>
<TITLE> Pagina mea</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#00FF00" LINK="yellow" VLINK="orange" ALINK="red">
</BODY>
</HTML>
LUCRARE NR. 2 TEMA: TEXTE ŞI
CULORI
Folosirea codurilor HTML simple

Codurile de baza HTML iti dau posibilitatea de a pune text si imagini in document.
Coduri pentru text
Sunt doua modalitati de a shimba marimea textului in document.
Cu codurile Headings .
Acestea sunt folosite pentru a shimba marimea titlurilor. Sunt folosite in pereche.
Aici aveti exemple.
HTML Tag Effect

<H1> si </H1> Heading 1
Pentru text avem altceva. Codurile font. Folosite iarasi pereche.
Codul HTML Efectul

 si Size 1

 si 
Size 7
Paragraf si spatii in text
Spatiul in text poate fi facut in doua feluri :
Primul cod este Efectul este spatiu pana la linia urmatoare.
Poate fi folosit si pentru imagini.
Poate fi scris repetat de cate ori doriti pentru a intrerupe randul de text.
Al doilea cod e Acesta incepe textul intr-un nou paragraf sau lasa spatiu intre linii.
Sa-i punem culoare textului
Ca sa adaugi culoare textului vom pune un nou cod in FONT.

Iata doua exemple primul folosind numele culorii.

Al doilea folosind codurile RGB.


Iata documentul nostru. Cu un Heading si text colorat. Folosind si spatiu intre text si paragraf
<HTML>
<HEAD>
<TITLE>exemplul 1</TITLE>
</HEAD>
<H1>Bine ati venit</H1>


Sunteti pe pagina mea 
pe care am facut-o acum. 
Abia am inceput 
da-i destul de misto.

</BODY>
</HTML>
LUCRARE NR. 3 TEMA: FONTURI
Lucrul cu FONT
Iata niste coduri care sa shimbe forma textului vostru in pagina Web Page.
Le puteti folosi pentru efecte simmple. Dar si pentru efecte mai complexe. Se folosesc pereche.
Exemplu :
Sa folosim Bold, Underline si Italic impreuna:


 Pagina mea 

Ne iese:
Pagina mea
Iata 13 setari de font uzuale:
Codul Denumirea Functioneaza in

HTML 2.0
 si Bold
Webtv
HTML 2.0
 si Italic
Webtv
HTML 2.0
<tt> si </tt> Typewriter
Webtv
HTML 2.0
 si Underline
Webtv
HTML 2.0
 si Subscript
Webtv
Superscript HTML 2.0
 si 
Webtv
<blink> si </blink> Blink Netscape
<big> si </big> Big HTML 3.2
 si Small HTML 3.2
HTML 2.0
<strike> si </strike> Strike
Webtv
 si </stong> Strong HTML 2.0
Webtv
Internet Explorer
<marquee> si </marquee> Marquee
Webtv
Sa-i dam niste efecte font documentului nostru HTML.
<HTML>
<HEAD>
<TITLE> exemplul 2</TITLE>
</HEAD>
<H1> Bine ati venit </H1>


 <tt> Sunteti pe pagina mea 
da-i destul de misto. </tt> 

</BODY>
</HTML>
LUCRARE NR. 4 TEMA: AŞEZAREA

TEXTULUI ÎN PAGINĂ
Alinierea textului
Hai sa asezam textul unde vrea muschiu' nostru , Textul este asezat automat in stanga .
Dar putem sa-l aliniem si noi ori in dreapta ori in centru.
Setarea Efectul
ALIGN="CENTER" Centreaza textu' intre cele doua margini
ALIGN="RIGHT" Aliniaza textul la dreapta pagini
Sa punem aceste setari si pe documentul nostru HTML.
<HTML>
<HEAD>
<TITLE> exemplul 3</TITLE>
</HEAD>
<H1 ALIGN=CENTER>
 Bine ati venit </H1>


 <tt> Sunteti pe pagina mea 
da-i destul de misto. </tt> 

</BODY>
</HTML>

Formatare Text HTML

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Formatare Text HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Lucrare nr. 1 Tema: Iniţiere în HTML Structura generală a unui document.

Codul HTML Ce face

Culorile dupa nume si codul RGB

Folosirea codurilor HTML simple

Aici aveti exemple.

HTML Tag Effect

Pentru text avem altceva. Codurile font. Folosite iarasi pereche.

Codul HTML Efectul

<FONT SIZE="2"> si </FONT> Size 2

Sa-i punem culoare textului

Ca sa adaugi culoare textului vom pune un nou cod in FONT.

<FONT SIZE="4" COLOR="blue" >

Al doilea folosind codurile RGB.

<FONT SIZE="4" COLOR="#3333FF" >

LUCRARE NR. 3 TEMA: FONTURI

Sa folosim Bold, Underline si Italic impreuna:

<FONT SIZE="3" COLOR="darkgreen">

Codul Denumirea Functioneaza in

Sa-i dam niste efecte font documentului nostru HTML.

LUCRARE NR. 4 TEMA: AŞEZAREA

Sa punem aceste setari si pe documentul nostru HTML.

S-ar putea să vă placă și