Cuprins

1. Ce face HTML?

HTML este limbajul de marcare standard pentru paginile Web.
HTML **NU** este un limbaj de programare.
Cu HTML puteți crea propriul dvs. site web.
HTML este ușor de învățat - you’ll enjoy it!

Ce înseamnă HTML?

HTML = Hyper Text Markup Language

Ce face HTML?

HTML descrie structura unei pagini Web

Cum se folosește HTML?

  • HTML constă dintr-o serie de elemente
  • Elementele HTML spun browserului cum să afișeze conținutul
  • Elementele HTML sunt reprezentate prin etichete
  • Etichetele HTML etichetează bucăți de conținut, cum ar fi „titlu”, „paragraf”, „tabel” și așa mai departe
  • Navigatoarele nu afișează etichetele HTML, ci le folosesc pentru a reda conținutul paginii

Visual Studio Code

Visual Studio Code este un editor de cod sursă dezvoltat de Microsoft pentru Windows, Linux și macOS. Include Git încorporat și suport pentru dezvoltare, evidențierea sintaxei, completarea inteligentă a codului, fragmente și refactorizarea codului. Este foarte personalizabil, permițând utilizatorilor să schimbe tema, comenzile rapide de la tastatură, preferințele și să instaleze extensii care adaugă funcționalitate suplimentară. Codul sursă este gratuit și open-source, eliberat sub licența MIT permisivă. Binarele compilate sunt gratuite pentru orice utilizare.

Conform Stack Overflow 2019, Visual Studio Code a fost clasat ca fiind cel mai popular instrument de mediu pentru dezvoltatori, 50,7% din 87.317 respondenți au susținut că îl folosesc.

Instalarea VS Code

Instalarea platformei VS Code se poate face urmărind câțiva pași simpli:

  • Se accesează pagina de download: https://code.visualstudio.com
  • Se va descărca versiunea corespunzătoare sistemului de operare folosit (Windows, Mac, Linux).

După ce s-a încheiat descărcarea fișierului de instalare, se continuă prin executarea acestuia sau, după caz, dezarhivarea fisierului arhivă.

Interfața de lucru a platformei VS Code

La pornirea Visual Studio Code pentru prima dată veți fi întâmpinați de următoarea fereastră:

Selectați din colțul din stânga sus new file.

După ce se deschide un nou file, va trebui să selectați limbajul de programare din partea de stânga jos a ferestrei. Apăsăți click pe “Plain Text”, apoi scrieți “HTML” și selectați opțiunea pe care o sugerează Visual Studio Code.

Acum, we are good to go! Tocmai ce i-am spus Visual Studio Code-ului că vrem să scriem cod html. DE CE?

  • opțiunea de auto complete a aplicației (care va fi disponibilă în urmă salvării fișierului)
  • formatarea textului, aplicarea culorilor codului scris
  • evidențierea greșelilor

Exercițiu

Creați un nou folder cu numele “Jademy - HTML”. Creeati 3 fișiere de tip HTML și salvați-le cu numele “paragrafe.html”, “headings.html” și “link.html” în folderul creat anterior. Nu uitați de extensia “.html” .

“Consola” HTML

HTML, deși nu este un limbaj de programare, are și el o “consola”: propriul tău browser. Tot codul pe care îl veți scrie poate fi vizualizat:

  1. Creează un nou fișier HTML
  2. Scrie următorul cod:

<!DOCTYPE html>
<html>
	<body>
		<p> Hello world! </p>
	</body>
</html>

3. Salvați fișierul. NU UITAȚI DE EXTENSIA “.html” 4. Deschideți fișierul

Dacă ați urmărit pașii corect, în browser-ul dvs. ar trebui să fie scris “Hello world!” precum în poza de mai jos.

You could leave a comment if you were logged in.