[Tutorial HTML]Primii pasi in limbajul HTML

Locked
User avatar
Cosminn.
Membru
Membru
Posts: 643
Joined: 8 years ago
Location: Bucureşti
Has thanked: 0
Been thanked: 0
Zodiac:
Age: 25
Status: Offline

8 years ago

Nume Tutorial:Primii pasi in limbajul HTML
Descriere:Primii pasi in limbajul HTML
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial):
html-tutor
Propria parere:Util.
Tutorialul:
Orice document HTML incepe cu notatia <html> si se termina cu notatia </html>. Aceste "chestii" se numesc in literatura de specialitate "TAG-uri".Prin conventie, toate informatiile HTML incep cu o paranteza unghiulara deschisa "<" si se termina cu o paranteza unghiulara inchisa ">".
Tag-urile intre aceste paranteze transmit comenzi catre browser pentru a afisa pagina intr-un anumit mod. Unele blocuri prezinta delimitator de sfarsit de bloc, in timp ce pentru alte blocuri acest delimitator este optional sau chiar interzis.

Intre cele doua marcaje <html> si </html> vom introduce doua sectiuni:
-sectiunea de antet <head>...</head> si - corpul documentului <body>...</body>. Blocul <body>...</body> cuprinde continutul propriu-zis al paginii HTML, adica ceea ce va fi afisat in ferastra browser-ului.

O eticheta poate fi scris atat cu litere mici, cat si cu litere mari.
Adica <HTML> = <HtmL> = <html>. Caracterele "spatiu" si "CR/LF" ce apar intre etichete sunt ignorate de catre browser.
Deci un prim document HTML ar fi ceva de genul asta:

Code: Select all

    <html>
     <head> </head>
     <body>
     </body>
    </html>
Asa arata primul document HTML. Copiati-l folosind Copy/Paste intr-un fisier nou si salvati-l ca PRIM.HTM sau PRIM.HTML. Apoi porniti Netscape Navigator sau Internet Explorer, dati CTRL-O si introduceti calea spre fisier. Dati OK si ... nimic.

Sa nu disperam ... vom adauga primele elemente la pagina noastra. In primul rand, titlul unei pagini se obtine inserand in sectiunea <head>...</head> a urmatoarei linii:

Code: Select all

    <title>Aceasta este prima mea pagina de Web</title>
In plus, in sectiunea <body>...</body> putem scrie texte cat dorim. Daca nu intalnim nici un marcaj < sau > atunci interpretorul HTML le va lua ca texte simple si le va afisa pe ecran. Sa vedem o noua versiune a paginii noastre:

Code: Select all

    <html>
      <head>
      <title>Aceasta este prima mea pagina de Web</title>
      </head>
      <body>
         Bine ati venit in pagina mea de Web!
      </body>
    </html>


Continutul blocului <title>...</title> va aparea in bara de titlu a ferestrei browser-ului.
Daca acest bloc lipseste intr-o pagina HTML, atunci in bara de titlu a ferstrei browser-ului va aparea numele fisierului.

Daca introducem mai multe linii intr-o pagina browser-ul va afisa intr-un singur rand, intrucat caracterele " CR/LF " sunt ignorate de browser. Trecerea pe o linie noua se face la o comanda explicita, care trebuie sa apara in pagina html.
Aceasta comanda este marcajul <br> ( de la " line break " - intrerupere de linie ).

Folosind aceleasi operatii ca mai sus, vizualizati noua pagina! Veti vedea textul ce apare in fereastra navigatorului. In plus, pagina dvs. va avea un titlu nou, cel introdus de dvs.

Code: Select all

    <html>
    <head>
    <title> titlul paginii</title>
    </head>
    <body>
    Bine ati venit in <br> pagina mea de Web!
    </body>
    </html>
Image
Top
Locked

Return to “HTML”