Introducere in HTML – tutorial video






Salut. Numele meu este Vlad si sunt aici din partea itassistant.org pentru a va oferi o scurta introducere in HTML.

HTML este acronimul de la Hypertext Markup Language si este cel mai folosit limbaj pentru pagini web. HTML furnizeaza mijloace de la formatare a continutului unui document, mergand de la decoratiuni minore ale textului pana la introducerea de imagini, crearea de formulare, etc.

Html foloseste un mecanism asemanator cu XML de etichetare a atributelor ( tagurilor ) , astfel incat un tag poate fi declarat astfel :

<tag>continut</tag>

Structura de baza a continutului unui document html este urmatoarea :

<html>
         <head>
                   <title>Titlul paginii</title>
         </head>
 
         <body>
                   Continutul paginii
         </body>
</html>

In tag-ul head vom pune mai multe imformatii despre pagina noastra , cum ar fi titlul paginii, descrierea si cuvintele cheie care vor fi folosite de motoarele de cautare, etc.
Continutul efectiv al paginii va fi inclus in tagul body.

Pentru a scrie un text cu bold, putem apela la tag-ul b, astfel :

<b>text cu bold</b>

Asemanator, putem face textul putin inclinat, apeland la tag-ul i, asemanator cu tagul b de deasupra.
Pentru a modifica culoarea unei portiuni de text, avem tag-ul font, care poate fi folosit astfel :

<font color=red>text scris cu rosu</font>

Tag-ul pus la dispozitie pentru crearea de link-uri este tag-ul a :

<a href=http://google.com>Textul linkului</a>

Pentru introducerea unei imagini putem apela la tag-ul img :

<img src=link-catre-imagine></img>

Tag-urile pot fi folosite si imbricate. Astfel, pentru a crea un banner, putem folosi tag-urile a si img imbricat , astfel :

<a href=link><img src=link-catre-imagine></img></a>

Related posts:

  1. HTML Real Time Editor – Tutorial Video
  2. HTML – formatare text – tutorial video
  3. HTML- titluri, paragrafe, linii orizontale
  4. Scurta introducere in HTML 1 – competente digitale
  5. Scurta introducere in HTML 2 – competente digitale
Tags:

V-a placut acest tutorial? Aveti anumite sugestii pentru urmatoarele tutoriale video? Lasati un comentariu! Feedback-ul vostru este foarte important pentru noi.

Pentru intrebari mai elaborate, cu caracter general, va rugam folositi forumul si in cel mai scurt timp veti primi un raspuns. Astfel ii vom ajuta si pe ceilalti sa invete din eventualele probleme.

6 comentarii la “Introducere in HTML – tutorial video”

  1. Mihai says:

    Interesant si bine realizat!O sa fie si o continuare?? Ar fi interesant si ceva legat de XHTML sau chiar HTML 5 :)

    Keep up the good work!

  2. admin says:

    Salut, Mihai.
    Da, o sa fie si o continuare. Subiectul e foarte vast si merita mai multe tutoriale.

  3. OmYcroN says:

    1. Foloseste Notepad++
    2. Descrierea tag-urilor si pe urma a atributelor acestora
    3. Restul cand apare !?

  4. Vlad says:

    Salut, OmYcroN.
    Multumesc de sugestia cu Notepad++ . Evident ca atunci cand ajungi la un nivel mai avansat, ai nevoie si de un IDE care sa te ajute mai mult. Insa pentru utilizatorii care pornesc de la 0 in html, celor carora se adresa acest tutorial, am considerat ca este mai potrivit un inceput intr-un editor fara prea mari facilitati, ca Notepad.

    In legatura cu punctul 3, te poti inregistra pe site si apoi iti poti seta sa fii anuntat prin email atunci cand va fi postat un nou articol in categoria HTML.

  5. [...] alte tutoriale de pe ItAssistant.org ati putut invata HTML, limbajul ce ne permite crearea paginilor web. Totusi, acesta are unele dazavantaje, printre care: [...]

  6. [...] Ma numesc Bogdan si sunt din partea Itassistant.org. Din tutorialele precedente din sectiunea HTML a siteului nostru ati invatat despre elementele de baza ale HTML si structura de baza a oricarui [...]