TUTORIAL HTML

Posted: 11 Octombrie 2010 in Fără categorie
Etichete:

Realizarea unui pagini web presupune cunoaşterea limbajului HTML (HyperText Markup Language). Acesta e un limbaj de marcare, introdus de Tim Berners-Lee. Fiind un limbaj de marcare, HTML nu utilizează instrucţiuni sau comenzi, ci etichete, acestea fiind numite elemente sau tag-uri.
În continuare, o să încercăm să scriem o pagină web în limbaj HTML.Deschidem în Notepad un document nou (new, text document) şi începem cu :

Acestea sunt numite tag-uri. Primul este un tag pentru început iar al doilea un tag pentru final (încheierea paginii web). Pentru un tag final se adaugă ( / ) la tagul de început. Majoritatea tagurilor au un tag final. Tag-urile dau instructiuni browserului.Am stabilit începutul documentului HTML prin tagul () şi sfârşitul documentului prin tagul ().Orice document HTML are o pereche de tag-uri de tip : HEAD, aşezate astfel:

Între perechea de tag-uri de tip HEAD, punem o pereche de tag-uri de tip TITLE (titlul sub care va aparea pagina).

La fel ca şi tag-urile de tip HEAD fiecare document HTML are şi o pereche de tag-uri de tip BODY (între aceste tag-uri se află conţinutul paginii web).

O să dăm un titlu paginii web şi o să punem ceva la conţinut.

Pagină web

Tutorial HTML, pentru începători.

Salvare se face, nu ca şi un fisier text, ci ca un fişier html. Salvăm documentul sub denumirea Pagină web.html într-un director nou.De fiecare dată când salvăm o nouă pagină web selectăm extensia html.Pentru a vedea ceea ce am realizat (Pagină web.html) vom deschide un browser de web, apoi în browserul deschis click File / Open / Browse, selectem fişierul Pagină web.html din directorul creat.
După fiecare modificare documentul trebuie salvat, pentru că altfel nu se vor păstra schimbările. Pentru a se vedea modificările şi în browserul de web, apăsăm tasta F5 sau dăm click Refresh (după deschiderea browserului).PRELUARE DUPA:
http://www.utilitati.net/Tutorial.html

schidem documentul salvat ca pagină html şi accesăm din meniu, View – Source.
Scriem la conţinut (între tag-urile şi ): Cum schimbăm culoarea background-ului.

Pagină web

Tutorial HTML, pentru începători.
Cum schimbăm culoarea background-ului.
</BODY

Am folosit tagul
pentru a aranja rândurile unul sub celălalt.
Pentru schimbarea culorii background-ului folosim următoarele atribute ale tag-ului BODY:
Documentul nostru va arăta astfel:

Pagină web1

Tutorial HTML, pentru începători.
Cum schimbăm culoarea background-ului.

După fiecare modificare a documentului îl salvăm şi apoi apasăm butonul Refresh în browser.
Vom învata cum sa folosim tag-uri pentru bold, italic, underline. Revenim la pagina creata.

Pagina web2

Tutorial HTML, pentru începatori.

Pentru bold, folosim tagul pentru început si tagul pentru sfârsit.
Tutorial HTML, pentru începatori.
Astfel browserul de la începe sa faci aplice bold pana la .
Pentru italic, folosim tagul pentru început si tagul pentru sfârsit.
Tutorial HTML, pentru începatori.
Pentru underline, folosim tagul pentru început si tagul pentru sfârsit.
Tutorial HTML, pentru începatori.
Putem combina aceste tag-uri.
Tutorial HTML, pentru începatori.
Folosirea tag-urilor combinate este des utilizata. Pentru ca browser-ul sa înteleaga comenzile primite tag-urile combinate se folosesc astfel:

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s