Învățarea HTML de bază și prima mea pagină web

Ce este HTML? Acronimul său înseamnă „Hypertext Markup Language”. Este definit ca un limbaj de etichete care vă permite să dezvoltați o pagină web. Printre elementele pe care le are acest limbaj se numără comenzile (etichete, casete de text, zone de text, butoane) pentru a implementa formulare, liste, tabele, inserarea de imagini, video, audio, printre altele.
Este un limbaj foarte simplu de învățat, deoarece nu este în sine un limbaj de programare, ci un limbaj pe care îl marcați. În afară de aceasta, cuvintele rezervate care îl compun sunt ușor de reținut și foarte descriptive.
Cel mai de bază mediu pentru a începe să practicați și să dezvoltați o pagină web este „Notepad” comun, care este un editor de text, deși există și compilatoare speciale (de exemplu, Netbeans) care au funcția de corecție automată pentru orice cuvânt din sintaxă este greșit, îl marchează și facilitează localizarea.
Fișierele HTML ar trebui să fie întotdeauna salvate cu extensia .html, indiferent dacă dezvoltatorul o adaugă manual sau editorul o adaugă automat. Tipul de fișier .html va fi deschis cu browserul sau browserul preferat de utilizator (de exemplu: Internet Explorer, Firefox, Google Chrome, Opera, Safary etc.) deoarece, așa cum s-a menționat mai sus, limbajul HTML este format din etichete : pe care browserul este pregătit să îl interpreteze.
Primul dvs. site web …
În acest caz, vom deschide blocnotesul, deoarece lucrăm sub un mediu Windows și vom introduce următorul cod, pentru tipicul „Hello world!”

După cum se poate vedea în imagine, fișierul nu a fost încă salvat. Așa că mergem la meniul Fișier> Salvare. Pentru ca fișierele pe care le dezvoltăm în timpul acestui tutorial să fie bine organizate, vom crea un folder cu numele „BASIC HTML”, vom accesa acest folder și vom personaliza numele fișierului, vom introduce numele „index.html” amintindu-ne că este important pentru a stabili extensia, în caz contrar va fi salvată doar ca fișier text, adică .txt.

Mergeți la locația fișierului, faceți dublu clic pe pictograma cu numele „index.html” și se va deschide în browserul implicit, în acest caz Google Chrome. Iată ce veți vedea:

Acum să revenim la cod …
Spune browserului că deschideți un fișier HTML.
Antetul documentului.
Primul meu site web. Titlul paginii.
Închideți antetul documentului.
Corp, tot conținutul acestei secțiuni va apărea pe pagină.
Salut Lume!
Închiderea corpului.
Închideți fișierul HTML.
Eticheta îi spune browserului că se deschide un document html, de aici începe să interpreteze conținutul. Este important ca fiecare etichetă care este deschisă să fie închisă, eticheta de închidere să poată fi afișată la sfârșitul documentului.
indică antetul documentului, aici, printre alte lucruri pe care le vom învăța mai târziu, va fi plasat titlul paginii. Ceea ce ne aduce la linia de cod Prima mea pagină web. , rezultatul acestei linii va fi reflectat în bara de titlu a browserului. Mai jos este închiderea etichetei.
În etichete și va fi plasat conținutul paginii, care poate conține direct text și / sau alte etichete de formatare.
Atributele …
Unele etichete au unul sau mai multe atribute, acestea fiind definite ca caracteristici pentru eticheta principală. Unele aspecte trebuie luate în considerare pentru definirea atributelor:

• Au structura nume = "valoare"
• Valoarea este întotdeauna în ghilimele.
• Acestea sunt plasate pe eticheta de deschidere.

Exemplu: Vom adăuga atributul bgcolor la etichetă, atribuindu-i o valoare hexazecimală și care va fi inclusă între ghilimele. Pentru un ghid de culori las următorul link „Coduri de culoare HTML”.

Ne salvăm fișierul pentru a vizualiza modificările, iar rezultatul va fi:

*IMPORTANT:: Etichetele pot fi bine scrise cu litere mici, așa cum am vizualizat în exemple și cu litere mari, de exemplu. World Wide Web Consortium (W3C) recomandă utilizarea literei mici, iar XHTML, care este cea mai actualizată versiune a HTML, acceptă doar utilizarea literei mici.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv