Forum


 
AcasaPortalGalerieJocuriHoroscopCautareInregistrareConectare

Distribuiţi | 
 

 Tutorial HTML

Vezi subiectul anterior Vezi subiectul urmator In jos 
AutorMesaj
victors
Administrator
Administrator
avatar

masculin
Numarul mesajelor : 826
Varsta : 25
Localizare : Ploiesti
Clasă : Elev
Data de inscriere : 28/12/2008

Foaie de personaj
Pseudonim: Logi
Motto: Nu e ping fara pong.
Stare de spirit: Happy si plm...

MesajSubiect: Tutorial HTML   Vin Aug 14, 2009 8:14 pm

Pasul 1. Deschideti un fisier notepad si scrieti =>
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY>
Bine ai venit!<BR>
Vom invata impreuna limbajul HTML. Aceasta este prima mea pagina web!<BR>
</BODY>
</HTML>

Sfat : : Pentru a aparea un rand dupa celalt, dupa fiecare rand scrie <BR>

Pentru a salva => File => Save As => Toate Formaturile si la nume puneti asa : TITULE.html => Save

____________________

Nu-ti schimba conceptul asupra lumii, sa nu te intereseze ce spun unii !


Ultima editare efectuata de catre Logi(Adm) in Lun Aug 24, 2009 6:01 pm, editata de 2 ori
Sus In jos
Vezi profilul utilizatorului http://promovari.forumz.ro
victors
Administrator
Administrator
avatar

masculin
Numarul mesajelor : 826
Varsta : 25
Localizare : Ploiesti
Clasă : Elev
Data de inscriere : 28/12/2008

Foaie de personaj
Pseudonim: Logi
Motto: Nu e ping fara pong.
Stare de spirit: Happy si plm...

MesajSubiect: Re: Tutorial HTML   Vin Aug 14, 2009 8:22 pm

Pasul 2. Pentru a dat fundal paginii web, introduce-ti urmatorul cod :
<BODY BGCOLOR="#FF9900">

Mai multe culori :

Alb : #F0F8FF
Negru:#000000
Albastru:#0000FF
Mov: #8A2BE2
Rosu:#FF0000
Galben:#FFFF00
Verde:#008000
Verde Deschis:#ADFF2F
Roz: #FF1493

De exemplu daca am vrea ca un text sa aive o anumita culoare scriem Codul : <FONT COLOR="#0000FF" SIZE="6">
Bine ai venit!
</FONT><BR>

____________________

Nu-ti schimba conceptul asupra lumii, sa nu te intereseze ce spun unii !
Sus In jos
Vezi profilul utilizatorului http://promovari.forumz.ro
victors
Administrator
Administrator
avatar

masculin
Numarul mesajelor : 826
Varsta : 25
Localizare : Ploiesti
Clasă : Elev
Data de inscriere : 28/12/2008

Foaie de personaj
Pseudonim: Logi
Motto: Nu e ping fara pong.
Stare de spirit: Happy si plm...

MesajSubiect: Re: Tutorial HTML   Vin Aug 14, 2009 8:29 pm

Pasul 3. Tipuri de scris : Ingrosat <b>cuvant</b>
Inclinat <i>cuvant</i>
Subliniat <u>cuvant</u>

Pentru a mari un un scris sau micsora : Inaintea lui scrieti Codul : <H1> ( cel mai mare )
<H2> Putin mai mic
....
<H6> Foarte mic, aproape minuscul.

Simboluri : € <-> €
© <-> ©
½ <-> ½
 <-> Â
Ş <-> Ş
ş <-> ş
Ţ <-> Ţ
ţ <-> ţ
Î <-> Î
î <-> î

____________________

Nu-ti schimba conceptul asupra lumii, sa nu te intereseze ce spun unii !
Sus In jos
Vezi profilul utilizatorului http://promovari.forumz.ro
victors
Administrator
Administrator
avatar

masculin
Numarul mesajelor : 826
Varsta : 25
Localizare : Ploiesti
Clasă : Elev
Data de inscriere : 28/12/2008

Foaie de personaj
Pseudonim: Logi
Motto: Nu e ping fara pong.
Stare de spirit: Happy si plm...

MesajSubiect: Re: Tutorial HTML   Vin Aug 14, 2009 8:31 pm

Pasul 3.

Pentru a pune o imagine, introduce-ti codu : <IMG SRC="numeleimaginii.extensie">

Unde scrie ,,numeleimaginii" introduce-ti Codul imaginii ( Link )

____________________

Nu-ti schimba conceptul asupra lumii, sa nu te intereseze ce spun unii !
Sus In jos
Vezi profilul utilizatorului http://promovari.forumz.ro
victors
Administrator
Administrator
avatar

masculin
Numarul mesajelor : 826
Varsta : 25
Localizare : Ploiesti
Clasă : Elev
Data de inscriere : 28/12/2008

Foaie de personaj
Pseudonim: Logi
Motto: Nu e ping fara pong.
Stare de spirit: Happy si plm...

MesajSubiect: Re: Tutorial HTML   Vin Aug 14, 2009 8:33 pm

Pasul 4.

Pentru a creea o legatura intre pagini web introduce-ti urmatorul cod :

<A HREF=Link-ul Celeilalte Pagini>Cuvant(pe care dati clik pentru a va duceti pe cealata pagina</A>

____________________

Nu-ti schimba conceptul asupra lumii, sa nu te intereseze ce spun unii !
Sus In jos
Vezi profilul utilizatorului http://promovari.forumz.ro
victors
Administrator
Administrator
avatar

masculin
Numarul mesajelor : 826
Varsta : 25
Localizare : Ploiesti
Clasă : Elev
Data de inscriere : 28/12/2008

Foaie de personaj
Pseudonim: Logi
Motto: Nu e ping fara pong.
Stare de spirit: Happy si plm...

MesajSubiect: Re: Tutorial HTML   Vin Aug 14, 2009 8:39 pm

Pasul 5. : Pentru a deschide un tabel trebuie sa scrieti : <TABLE> </TABLE>
Dupa tag-ul <TABLE> urmeaza tag-ul <TR> care vine de la "Table Row" (randul tabelului) si reprezinta introducerea unui rand in cadrul tabelului. Tot ce va fi scris intre tag-urile <TR> si </TR> va forma un rand al tabelului. Dupa crearea unui rand, trebuie sa adaugam in cadrul acestuia, cateva celule, cu ajutorul tag-urilor <TD> si </TD>.

Un exemplu de tabel :

<HTML>
<HEAD>
<TITLE>Proprietatile tabelelor</TITLE>
</HEAD>
<BODY>
<CENTER><H2>Rezultatele obţinute la matematic&#259</H2></CENTER>
<HR WIDTH="50%" ALIGN="center" COLOR="#FF0000">
<TABLE WIDTH="500" ALIGN="CENTER" BORDER="1" BORDERCOLOR="#000000" CELLSPACING=”0” CELLPADDING="0">
<TR BGCOLOR="#000000" ALIGN="center" VALIGN="middle">
<TD WIDTH="200" HEIGTH="50"><B><FONT COLOR="#FFFFFF">Nume</FONT></B></TD>
<TD WIDTH="200"HEIGTH="50"><B><FONT COLOR="#FFFFFF">Prenume</FONT></B></TD>
<TD WIDTH="100" HEIGTH="50"><B><FONT COLOR="#FFFFFF">Nota</FONT></B></TD>
</TR>
<TR VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Enache</TD>
<TD WIDTH="200" HEIGTH="20">Alexandru</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">7</TD>
</TR>
<TR BGCOLOR="#FFFFCC" VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Stanciu</TD>
<TD WIDTH="200" HEIGTH="20">Dragos</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">9</TD>
</TR>
<TR VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Pop</TD>
<TD WIDTH="200" HEIGTH="20">Andreea</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">10</TD>
</TR>
<TR BGCOLOR="#FFFFCC" VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Ionescu</TD>
<TD WIDTH="200" HEIGTH="20">Razvan</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">8</TD>
</TR>
<TR VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Mihailescu</TD>
<TD WIDTH="200" HEIGTH="20">Mihaela</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">9</TD>
</TR>
</TABLE>
</BODY>
</HTML>

____________________

Nu-ti schimba conceptul asupra lumii, sa nu te intereseze ce spun unii !
Sus In jos
Vezi profilul utilizatorului http://promovari.forumz.ro
victors
Administrator
Administrator
avatar

masculin
Numarul mesajelor : 826
Varsta : 25
Localizare : Ploiesti
Clasă : Elev
Data de inscriere : 28/12/2008

Foaie de personaj
Pseudonim: Logi
Motto: Nu e ping fara pong.
Stare de spirit: Happy si plm...

MesajSubiect: Re: Tutorial HTML   Vin Aug 14, 2009 8:41 pm

Pasull 6.

Pentru a folosi un formular in pagina ta web, va trebui sa folosesti tag-urile <FORM> si </FORM>. Intre aceste tag-uri vor fi introduse toate elementele formularului.
Tag-ul <FORM> are doua atribute foarte importante: ACTION si METHOD.
Cu ajutorul atributului ACTION ii spunem browser-ului ce se va intampla cu datele introduse in formular. Astfel, valoarea atributului ACTION poate fi o adresa URL a unui script, scris intr-un limbaj de programare, care va interpreta datele si le va introduce intr-o baza de date, daca este cazul, sau poate fi o adresa de email, caz in care datele introduse in formular vor fi trimise prin email la adresa respectiva.

Atributul METHOD, asa cum ii spune si numele, precizeaza metoda de trimitere a datelor si poate avea doua valori. Valoarea implicita a acestui atribut este GET, cu ajutorul acestei metode putand fi trimise cantitati mici de date, cea mai folosita metoda fiind POST.

Pentru ca datele introduse intr-un formular sa fie trimise prin e-mail trebuie sa folosim pentru atributul ACTION al tag-ului <FORM>, valoarea "mailto:email@domeniu.ro". in felul acesta, datele introduse in formular vor fi trimise la adresa de e-mail specificata.

De exemplu, pentru a trimite datele dintr-un formular la adresa exemplu@yahoo.com vom folosi urmatoarea linie de cod:
<FORM ACTION="mailto:exemplu@yahoo.com" METHOD="POST">


Butoanele radio :

În ce categorie de vârstă vă încadraţi?
sub 15 ani
15-20 ani
20-25 ani
25-35 ani
35-45 ani
peste 45 ani

Introduceti Codul :

&#206n ce categorie de v&#226rst&#259 v&#259 &#238ncadraţi? <BR>
<INPUT TYPE="radio" NAME="raspuns" VALUE="a" CHECKED >sub 15 ani<BR>
<INPUT TYPE="radio" NAME="raspuns" VALUE="b">15-20 ani<BR>
<INPUT TYPE="radio" NAME="raspuns" VALUE="c">20-25 ani<BR>
<INPUT TYPE="radio" NAME="raspuns" VALUE="d">25-35 ani<BR>
<INPUT TYPE="radio" NAME="raspuns" VALUE="e">35-45 ani<BR>
<INPUT TYPE="radio" NAME="raspuns" VALUE="f">peste 45 ani

Butoane Radio cu mai multe selectii :


Unde v&#259 petreceţi concediul de obicei?<BR>
<INPUT TYPE="checkbox" NAME="optiunea1">La mare<BR>
<INPUT TYPE="checkbox" NAME="optiunea2">La munte<BR>
<INPUT TYPE="checkbox" NAME="optiunea3">&#206n str&#259in&#259tate<BR>
<INPUT TYPE="checkbox" NAME="optiunea4">La ţar&#259<BR>
<INPUT TYPE="checkbox" NAME="optiunea5">Acas&#259

Pentru a incarca un fisier introduce-ti codul :

<INPUT TYPE="file" NAME="file">

Pentru a putea selecta mai multe fisiere : [o lista de selectie]

<SELECT>
<OPTION value=Alba>Alba</OPTION>
<OPTION value=Arad>Arad</OPTION>
<OPTION value=Arges>Arges</OPTION>
<OPTION value=Bacau>Bacau</OPTION>
<OPTION value=Bihor>Bihor</OPTION>
<OPTION value=Bistrita-Nasaud>Bistrita-Nasaud</OPTION>
<OPTION value=Botosani>Botosani</OPTION>
<OPTION value=Brasov>Brasov</OPTION>
<OPTION value=Braila>Braila</OPTION>
<OPTION value=Bucuresti selected>Bucuresti</OPTION>
<OPTION value=Buzau>Buzau</OPTION>
<OPTION value=Caras-Severin>Caras-Severin</OPTION>
<OPTION value=Calarasi>Calarasi</OPTION>
<OPTION value=Cluj>Cluj</OPTION> <OPTION value=Constanta>Constanta</OPTION>
<OPTION value=Covasna>Covasna</OPTION>
<OPTION value=Dambovita>Dambovita</OPTION>
<OPTION value=Dolj>Dolj</OPTION>
<OPTION value=Galati>Galati</OPTION>
<OPTION value=Giurgiu>Giurgiu</OPTION>
<OPTION value=Gorj>Gorj</OPTION>
<OPTION value=Harghita>Harghita</OPTION>
<OPTION value=Hunedoara>Hunedoara</OPTION>
<OPTION value=Ialomita>Ialomita</OPTION>
<OPTION value=Iasi>Iasi</OPTION>
<OPTION value=Ilfov>Ilfov</OPTION>
<OPTION value=Maramures>Maramures</OPTION>
<OPTION value=Mehedinti>Mehedinti</OPTION>
<OPTION value=Mures>Mures</OPTION>
<OPTION value=Neamt>Neamt</OPTION>
<OPTION value=Olt>Olt</OPTION>
<OPTION value=Prahova>Prahova</OPTION>
<OPTION value=Satu-Mare>Satu-Mare</OPTION>
<OPTION value=Salaj>Salaj</OPTION>
<OPTION value=Sibiu>Sibiu</OPTION>
<OPTION value=Suceava>Suceava</OPTION>
<OPTION value=Teleorman>Teleorman</OPTION>
<OPTION value=Timis>Timis</OPTION>
<OPTION value=Tulcea>Tulcea</OPTION>
<OPTION value=Vaslui>Vaslui</OPTION>
<OPTION value=Valcea>Valcea<</OPTION>
<OPTION value=Vrancea>Vrancea</OPTION>
</SELECT>

____________________

Nu-ti schimba conceptul asupra lumii, sa nu te intereseze ce spun unii !
Sus In jos
Vezi profilul utilizatorului http://promovari.forumz.ro
Continut sponsorizat




MesajSubiect: Re: Tutorial HTML   

Sus In jos
 
Tutorial HTML
Vezi subiectul anterior Vezi subiectul urmator Sus 
Pagina 1 din 1
 Subiecte similare
-
» Generator coduri html pentru culori
» Criptare sursa html in cifre
» [HTML]Buton cu link
» Tutorial Avatar
» Alba / Neagra

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Forum :: Prima categorie :: Diversitate :: Tutoriale-
Mergi direct la: