In cele ce urmeaza, va voi prezenta scheletul de baza al HTML si voi explica pe intelesul tuturor cum se scrie o pagina simpla web.
In primul rand, HTML = HyperText Markup Language. Mai simplu, HTML-ul este un limbaj care se foloseste de text pentru a defini anumite situatii.
Drept urmare, pentru a putea scrie o pagina web aveti nevoie de:
- notepad
- rabdare
- notiuni de baza si
- idei
Ca o mica paranteza, exista multe programe care pot realiza pagini web pe principiul WYSIWYG adica What You See Is What You Get (ceea ce vezi este ceea ce primesti) fara a fi nevoie sa cunosti HTML. Totusi, daca vrei ceva bine pus la punct ar trebui sa sti si dedesubturile acestei afaceri, nivelul de baza ca sa fiu mai exact.
Sa trecem la treaba!
Preupunem ca stim deja ce vrem sa facem. O sa iau ca exemplu o pagina in care sa am titlu sus “Pagina test” si in care sa imi apara textul “Aceasta este prima mea pagina.” si un link catre google.
Deschidem Notepad din Windows.
Start->All Programs->Accessories->Notepad
Scheletul paginii de mai sus ar arata asa:
<html>
<head></head>
<title>Pagina test</title>
<body>
<p>Aceasta este prima mea pagina.</p>
<a href=”http://www.google.com>Google</a>
</body>
</html>
Nu va speriati:)
<aceasta chestie dintre semne se numeste TAG>
Fiecare instructiune are un tag de inceput si unul de sfarsit.
De exemplu, daca vrei sa creezi un nou paragraf, folosesti <p> scrii ce vrei in interior iar apoi inchizi cu </p>
Pentru linkuri este putin mai complicat, dar usor de inteles.
Ca sa definim un link este necesar sa avem acest tag <a href=” aici vine adresa la care vrem sa facem trimitere “> Textul care sa aiba link </a>
Dupa cum ati observat mai sus, exista 2 tipuri de TAG-uri.
Cele principale, care definesc categoria de genul HTML, TITLE, HEAD, BODY si cele secundare care vin in interiorul celor principale.
De exemplu <p></p> vine in interiorul lui <body> </body>
Chiar si tag-urile principale se scriu in alt TAG insa aici, tot ce avem de scris scriem in interiorul TAG-ului HTML.
E usor de inteles, confruntati cele scrise aici cu pagina exemplu.
IMPORTANT: Dupa ce ati terminat de scris pagina web, trebuie sa o salvati in format HTML. Pentru asta, apasati pe meniul File din Notepad apoi pe Save As si salvati fisierul ca txt.
Apoi, tot ceea ce trebuie sa faceti este sa schimbati extensia fisierului in html ori htm si sunteti gata. Rulati cu Internet Explorer si bucurati-va de prima voastra pagina.
Alte tag-uri importante:
<b></b> pentru text boldat
<i></i> pentru text italic
<img src=”aici vine locatia fotografiei. ex: c:\my pictures\floare.jpg “> pentru inserare de fotografii
<sub></sub> scrie textul ca indice
<sup></sup> scrie textul ca exponent
Exista multe alte tag-uri, altele mai complicate, altele mai simple insa pentru moment exersati cu acestea.
Succes!
#1 by vladducu at May 21st, 2010
cum schimbi extensia fisierului
#2 by sri at May 21st, 2010
Daca poti vedea extensia fisierului, selecteaza-l apasa F2 si apoi schimba doar extensia din .txt in .html . O alta varianta ar fi sa dai click dreapta pe fisier si apoi sa selectezi rename.
Daca in schimb nu poti vedea extensia du-te in orice fereastra din windows la tools->folder options->view si de aici deselecteaza optiunea hide extensions for know file types. Dupa asta poti reveni la ce ti-am spus anterior.
Succes.
#3 by crash at November 6th, 2010
mii de beri de la mine pt faza cu folder options si uncheck file extension… k ma chinui sa pun extensia d .html la un .txt d juma d ora si nu stiam dc nu mio schimba.. dar defapt eu schimbam numele.. extensia fiind ascunsa din cauza optiunii. Aviz celor care mai fac greseala asta
#4 by sri at November 8th, 2010
Ma bucur ca ti-a folosit:)
#5 by IVAN at December 29th, 2010
BUNA CINE STIE CUM POT SA FAC UN SAIT
#6 by IVAN at December 29th, 2010
#7 by pierre at February 9th, 2011
notepad
- rabdare
- notiuni de baza si
- idei
cred ca ai ceva rabdare
oricum ms mult
si daca ne mai poti ajuta ………….vesnic suntem recunascatori
#8 by victor at March 11th, 2011
http://www.tepilova .md
#9 by Misu at March 31st, 2011
Dau maine test la informatica(31.03.2011) si credeam ca habar nam dar defapt imi era doar ascunsa extenia.
Ms mult!!!
#10 by cornel at April 19th, 2011
vreau sa il fac cu link spre exemplu..si nu am inteles ce trebuie completat aici Textul care sa aiba link
da un exemplu te rog
:)
#11 by cornel at April 19th, 2011
sau daca eu vreau sa fac site-ul spreex: http://www.cornel.ro pot asa prin html?..fara sa platesc host..sau sa fiu eu hostul siteului..
?
vreau ca in acest “site” sa scriu 2-3 cuvinte…
#12 by Sri at April 19th, 2011
E simplu Textul care vrei sa aiba link
Pentru un site trebuie sa platesti inregistrarea domeniului si sa gasesti un hosting gratis sau sa platesti pentru acest serviciu. Apoi iti trebuie site-ul facut si urcat pe serverul pe care ai tu hosting.
#13 by cornel at April 19th, 2011
aa.ok..ms mult
#14 by Teo at June 9th, 2011
Cum fac sa rulez cu internet explorer?
#15 by Andrei at August 16th, 2011
Un site poate fi facut si cu http://www.ucoz.ro, un sistem destul de simplu prin care poti sa-ti creezi un Site sau blog gratuit. E atat pentru incepatori cat si pentru avansati si vine cu o interfata in limba romana, domeniu, hosting gratis iar interesant e ca poti include Java, PHP, etc.
#16 by florin at October 29th, 2011
am si eu o nelamrire…vreau sa bag niste butoane de comanda in josu pagini si cand apas pe ala din dreapta sa ma dupa pa pagina urmatoare iar cand apas pe cel din stanga sa ma duca pe pagina anterioara….sa fie ceva de genu cum e la browser sus in stanga cand dam inapoi……care stie sa imi spuna si mie??plss…add floryn_4ever_steaua care vrea sa ma ajute
#17 by Cornel at December 31st, 2011
Salut tuturor am si eu o mare rugaminte la voi,sunt incepator si as dori sami fac un sait .com dar nam nici cea mai mica ideie va rog din suflet mati puitea ajuta?unde trebuie sa platesc locul,inregistrarea etc. email-ul meu este cornel_babus@yahoo.com va multumesc foarte mult sarbatori fericite si un an nou plin de sanatate si bucuri
#18 by dani at April 1st, 2012
maoi va rog din suflet ajutati ma si pe mine sa fac un site va implor…..intrati in contact cu mine va implorrrrrrr daniel_dragos2003