Tutorial HTML – lucruri de baza

Tutorial HTML – lucruri de baza

Mi-am propus să scriu pe blog un sumar despre ceea ce am învățat din cursurile HTML & CSS, un tutorial HTML. În aceste lecții nu voi descrie în detaliu fiecare aspect, ci mai degrabă voi puncta lucrurile mai importante. Deși scriu aceste articole în primul rând pentru mine și pentru partenerul meu de lecții, TKobra, sper ca ele să fie utile și celor care doresc să învețe HTML & CSS.

Pentru cei care doresc să învețe webdesign, HTML este prima opțiune. Motivul e simplu: HTML e cel mai folosit pentru crearea websiturilor și e ușor de învățat. Cel mai potrivit ar fi să aleagă un curs care să cuprindă HTML și CSS. Aceste două limbaje acționează împreună în construirea unui website.

Aspecte fundamentale în HTML

  • Spațiile și zonele goale (albe) sunt ignorate de procesorul HTML;
  • HTML este un limbaj ce folosește etichete (taguri). Etichetele sunt închise în paranteze unghiulare <>;
  • Etichetele sunt perechi sub forma <html> </html>, dar există și etichete care se închid singure, de genul <br />;
  • În cazul acestor etichete <br /> bara slash (/) este opțională, astefl instrucțiunea poate fi scrisă și ca <br>;
  • Etichetele pot fi scrise cu litere mari sau mici, procesorul HTML nu e sensibil la acest aspect;
  • Comentariile sunt un aspect de maximă importanță în HTML, deoarece ele oferă informații utile;
  • Comentariile se scriu folosind eticheta <!– Comentariu –> ;
  • Orice pagină web HTML conține obligatoriu câteva etichete:
<!doctype html> 
<html> 
	<head> 
		<meta charset="utf-8" />
		<title>Titlul paginii</title> 
	</head>

	<body> 

	Continut
<!--Acesta este un comentariu -->

	</body>
</html>

La linia 1 se află instrucțiunea prin care se indică serverului că pagina noastră este scrisă în HTML.

Linia 2 deschide eticheta codului html care se închide la linia 14. În acest tag intră toate instrucțiunile.

Codul HTML deține două porțiuni distincte: un head și un body. În primul se scriu instrucțiuni specifice paginii care nu sunt vizibile în pagină, iar in body se introduce conținutul paginii. Se poate observa că în body se află și un comentariu. Comentariile nu vor fi afișate în pagină.

De remarcat modul de indentare al liniilor. Linia 1 și 2 sunt indentate la fel, deci sunt de același rang, în timp ce linia 3 (unde se află head) și linia 8 (body) sunt indentate față de html. Se spune despre head și body că sunt elemente child față de html care le este parent.

Este important să fii consistent atunci când scrii cod HTML (și în general când scrii cod). Folosind un stil ușor de citit cu ajutorul indentării și comentând pe scurt instrucțiunile vei putea să fii mult mai eficient în lucrul cu propriul cod sau când colaborezi cu alții.

Leave a Reply

Acest site folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.