TAGURILE
Orice document HTML incepe cu tagul <HTML> (<html>) si se incheie cu tagul </HTML> (</html>)
Mai jos aveti o lista cu tagurile folosite in limbajul HTML
<FONT> si </FONT> aceste taguri se folosesc pentru text
<HTML> si </HTML> cu aceste taguri se inchepe documentul HTML.
<HEAD> si </HEAD> intre aceste taguri punem titilul paginii si mai multe informatii.
<TITLE> si <TITLE> intre aceste taguri se pune titlul paginii.Aceste taguri se scriu intra tagurile <HEAD> si </HEAD>
<BODY> si </BODY> -intre aceste 2 taguri vom pune continutul paginii web care va fi afisat in browser.
Acum sa vedem cum trebuie sa arate un document HTML.
<HTML>
<HEAD>
<TITLE>Titlul paginii</TITLE>
<HEAD>
<BODY>Bun venit pe pagina mea web.</BODY>
</HTML>
Asa trebuie sa arate un document HTML.Tagurile de mai sus sunt tagurile de baza dar sunt mai multe taguri.
ATRIBUTE
Acum sa vorbim putin despre atribute.Cum am mai spus atributele sunt niste proprietati ale unui tag.Atributul se adauga la tagul de inceput nu la tagul de incheiere.Un atribut poate avea mai multe valori.Adaugarea unui atribut la un tag se face astfel:Tagul este <BODY> si atributul “BGCOLOR” noi vom trebui sa scriem asa:<BODY BGCOLOR=”valoarea”>
Atributul BGCOLOR arata culoarea fondului paginii web.In loc de valoarea punem o culoare.Este oblicatoriu sa pune ghilimele(”)
Culoare |
Nume culoare |
Cod culoare |
AliceBlue |
#F0F8FF |
|
AntiqueWhite |
#FAEBD7 |
|
Aqua |
#00FFFF |
|
Aquamarine |
#7FFFD4 |
|
Azure |
#F0FFFF |
|
Beige |
#F5F5DC |
|
Bisque |
#FFE4C4 |
|
Black |
#000000 |
|
BlanchedAlmond |
#FFEBCD |
|
Blue |
#0000FF |
|
BlueViolet |
#8A2BE2 |
|
Brown |
#A52A2A |
|
BurlyWood |
#DEB887 |
|
CadetBlue |
#5F9EA0 |
|
Chartreuse |
#7FFF00 |
|
Chocolate |
#D2691E |
|
Coral |
#FF7F50 |
|
CornflowerBlue |
#6495ED |
|
Cornsilk |
#FFF8DC |
|
Crimson |
#DC143C |
|
Cyan |
#00FFFF |
|
DarkBlue |
#00008B |
|
DarkCyan |
#008B8B |
|
DarkGoldenRod |
#B8860B |
|
DarkGray |
#A9A9A9 |
|
DarkGreen |
#006400 |
|
DarkKhaki |
#BDB76B |
|
DarkMagenta |
#8B008B |
|
DarkOliveGreen |
#556B2F |
|
Darkorange |
#FF8C00 |
|
DarkOrchid |
#9932CC |
|
DarkRed |
#8B0000 |
|
DarkSalmon |
#E9967A |
|
DarkSeaGreen |
#8FBC8F |
|
DarkSlateBlue |
#483D8B |
|
DarkSlateGray |
#2F4F4F |
|
DarkTurquoise |
#00CED1 |
|
DarkViolet |
#9400D3 |
|
DeepPink |
#FF1493 |
|
DeepSkyBlue |
#00BFFF |
|
DimGray |
#696969 |
|
DodgerBlue |
#1E90FF |
|
Feldspar |
#D19275 |
|
FireBrick |
#B22222 |
|
FloralWhite |
#FFFAF0 |
|
ForestGreen |
#228B22 |
|
Fuchsia |
#FF00FF |
|
Gainsboro |
#DCDCDC |
|
GhostWhite |
#F8F8FF |
|
Gold |
#FFD700 |
|
GoldenRod |
#DAA520 |
|
Gray |
#808080 |
|
Green |
#008000 |
|
GreenYellow |
#ADFF2F |
|
HoneyDew |
#F0FFF0 |
|
HotPink |
#FF69B4 |
|
IndianRed |
#CD5C5C |
|
Indigo |
#4B0082 |
|
Ivory |
#FFFFF0 |
|
Khaki |
#F0E68C |
|
Lavender |
#E6E6FA |
|
LavenderBlush |
#FFF0F5 |
|
LawnGreen |
#7CFC00 |
|
LemonChiffon |
#FFFACD |
|
LightBlue |
#ADD8E6 |
|
LightCoral |
#F08080 |
|
LightCyan |
#E0FFFF |
|
LightGoldenRodYellow |
#FAFAD2 |
|
LightGrey |
#D3D3D3 |
|
LightGreen |
#90EE90 |
|
LightPink |
#FFB6C1 |
|
LightSalmon |
#FFA07A |
|
LightSeaGreen |
#20B2AA |
|
LightSkyBlue |
#87CEFA |
|
LightSlateBlue |
#8470FF |
|
LightSlateGray |
#778899 |
|
LightSteelBlue |
#B0C4DE |
|
LightYellow |
#FFFFE0 |
|
Lime |
#00FF00 |
|
LimeGreen |
#32CD32 |
|
Linen |
#FAF0E6 |
|
Magenta |
#FF00FF |
|
Maroon |
#800000 |
|
MediumAquaMarine |
#66CDAA |
|
MediumBlue |
#0000CD |
|
MediumOrchid |
#BA55D3 |
|
MediumPurple |
#9370D8 |
|
MediumSeaGreen |
#3CB371 |
|
MediumSlateBlue |
#7B68EE |
|
MediumSpringGreen |
#00FA9A |
|
MediumTurquoise |
#48D1CC |
|
MediumVioletRed |
#C71585 |
|
MidnightBlue |
#191970 |
|
MintCream |
#F5FFFA |
|
MistyRose |
#FFE4E1 |
|
Moccasin |
#FFE4B5 |
|
NavajoWhite |
#FFDEAD |
|
Navy |
#000080 |
|
OldLace |
#FDF5E6 |
|
Olive |
#808000 |
|
OliveDrab |
#6B8E23 |
|
Orange |
#FFA500 |
|
OrangeRed |
#FF4500 |
|
Orchid |
#DA70D6 |
|
PaleGoldenRod |
#EEE8AA |
|
PaleGreen |
#98FB98 |
|
PaleTurquoise |
#AFEEEE |
|
PaleVioletRed |
#D87093 |
|
PapayaWhip |
#FFEFD5 |
|
PeachPuff |
#FFDAB9 |
|
Peru |
#CD853F |
|
Pink |
#FFC0CB |
|
Plum |
#DDA0DD |
|
PowderBlue |
#B0E0E6 |
|
Purple |
#800080 |
|
Red |
#FF0000 |
|
RosyBrown |
#BC8F8F |
|
RoyalBlue |
#4169E1 |
|
SaddleBrown |
#8B4513 |
|
Salmon |
#FA8072 |
|
SandyBrown |
#F4A460 |
|
SeaGreen |
#2E8B57 |
|
SeaShell |
#FFF5EE |
|
Sienna |
#A0522D |
|
Silver |
#C0C0C0 |
|
SkyBlue |
#87CEEB |
|
SlateBlue |
#6A5ACD |
|
SlateGray |
#708090 |
|
Snow |
#FFFAFA |
|
SpringGreen |
#00FF7F |
|
SteelBlue |
#4682B4 |
|
Tan |
#D2B48C |
|
Teal |
#008080 |
|
Thistle |
#D8BFD8 |
|
Tomato |
#FF6347 |
|
Turquoise |
#40E0D0 |
|
Violet |
#EE82EE |
|
VioletRed |
#D02090 |
|
Wheat |
#F5DEB3 |
|
White |
#FFFFFF |
|
WhiteSmoke |
#F5F5F5 |
|
Yellow |
#FFFF00 |
|
YellowGreen |
#9ACD32 |
Am pus si tabel in care sunt prezentate culorile in HTML.Acum daca vrem ca fondul paginii sa fie galben vom pune asa.
<BODY BGCOLOR=”#FFFF00?> sau daca vrem alte culori schimbam valoarea atributului.
Acum sa vedem cateva atribute al tagului <BODY>
BGCOLOR culoarea fondului paginii web
LINK culoarea linkurilor nevizitate
VLINK culoarea linkurilor vizitate
ALINK culoarea linkurilor active
Atribute al tagului <FONT>
COLOR culoarea textului
SIZE marimea textului(poatea avea vaolri de la 1 pana la 7)
FACE tipul textului ex :ARIAL
Acum sa vorbim putin despre text.
Textul de scrie intre tagurile <FONT> si </FONT>
Tagul <FONT> are mai multe atribute (sunt scrise mai sus).
Pentru a schimba culoarea textului scriem asa:
<FONT COLOR=”culoare(aveti codurile mai sus)”>Text</FONT>
Pentru a scimba marimea texutului sriem asa:
<FONT SIZE=”(marimea textului poatea avea valori de la 1 pana la 7)”>Text</FONT>
Daca vream ca trextul sa fie scris mare :
<FONT SIZE=”7?>Text</FONT>
Pentru a schimba tipul textului (adica arial sau altele) scriem asa:
<FONT FACE=”arial black”>TEXT</FONT>
<CENTER>Text</CENTER> textul va fi scris in centrul paginii
<U>Text</U> text subliniat
<B>Text</B> text blond,ingrosat
<I>Text</I> text italic .aplecat spre dreapta
<BR> se trece pe urmatorul rand ex
Urmezi un curs <BR>HTML
Urmezi un curs
HTML
<P> se trece pe urmatorul rand dar se lasa un rand liber
IMAGINI
Pentru a adauga o imagine intr-o pagina web scriem asa:
<IMG SRC=”numeimagine.extensie”>
La extensie punem extensia imaginii(fomatul),el poate fi jpg ,jpeg, gif.Cele mai folosite sunt jpg.
Nu uitati sa puneti ghilimele(”).
Acest cod se foloseste doar atunci cand imaginea este in acelasi folder cu pagina web.
Daca imaginea se afla intr-un subfolder scriem asa:
<IMG SRC=”Subfolder/numeimagine.extensie”
Daca pagina web se afla imtr-un subfolder si pagina web in altul scriem asa:
<IMG SRC=”../subfolderulundeseaflaimaginea.numeimagine.extensie”>
ATRIBUTE PENTRU TAGUL <IMG>
BORDER se foloseste pentru a incadrra imaginea intr-un chenar, are valori numerice ex :5
ex:
<IMG SRC=”poza.jpg” BORDER=5>
ALT arata un text pana se incarca imaginea ex:
<IMG SRC=”poza.jpg” BORDER=5 ALT=”poza se incarca”>
ALING pentru a alinia imaginea in dreapta ,stanga ex:
<IMG SRC=”poza.jpg” BORDER=5 ALT=”poza se incarca” ALING=”left”>
poza va fi aliniata la stanga.
Valorile sunt: left -stanga
right -dreapta
Folosirea imaginelor ca fond pentru pagina web.
Esta se face prin adaugarea unui atribut la tagul <BODY>
BACKGROUND
<BODY BACKGROUND=”numepoza.extensie>
Cam atat despre imagini.
Acum sa vorbim putin despre linkuri.
Pentru a pune un link spre alt site scriem asa:
<a HREF=”adreasa siteului.com”>Textul linkului</a>
Sa vedem un atribut:
TARGET -unde sa se deschida acel site
Valori: _blank -linkul sa se deschida in fereastra noua
_self
_parent
_top
Punerea unui link sprea alta pagina web.
<A HREF=numepagina.html>Titlu Pagina</A>
Nu mai este nevoie de ghilimele (”) daca pagina web catre care am trimis link se afla in acelasi folder cu pagina web unde am pus linkul.