Jump to content
Explorați noul website!
Logați-vă pentru acces complet la forum!

Basic Index / Landing Page in HTML

dns

By dns,
in Tutoriale IT&C

 Share

Recommended Posts

dns Newbie

dns

Posted
Posted

Level 0 Landing Page - Un scurt tutorial pentru primul nivel de adepti (0 cunostinte in HTML) 

  • Folosim doar elemente basic, fara parte de CSS sau js.
  • Invatam ce reprezinta fiecare parte din cod in pagina folosita drept exemplu.

Exemplu: 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <title>Tutorial - Fairside</title>
</head>
<body>
  <h1>Fairside</h1>
  <button type="button">Buton 1</button>
  <button type="button">Buton 2</button>
</body>
</html>

Analiza elementelor pentru incepatori:

  • "<!DOCTYPE html>" - declara tipul documentului dar si versiunea HTML5 standard.
  • "<html lang="en">" - "<html>" e radacina care declara "inceputul" documentului iar "lang" atribuie limba (eg. engleza) folosita in interiorul documentului. "en" e prescurtarea pentru limba engleza.
  • "<head>" - contine informatia despre pagina, dar nu apare pe pagina in sine. Spre exemplu, in interiorul "<head>" gasim "<meta charset=UTF-8/>" care seteaza codificarea caracterelor in "UTF-8".
  • "<body>" - reprezinta "corpul" paginii HTML, mai pe scurt tot continutul vizibil pe pagina.
  • "<h1>" - reprezinta titlul principal al paginii in cauza, vizibil pe pagina. "<h1>" este utilizat pentru primul si cel mai important titlu de pe pagina.
  • "<button type="button">" - "<button>" - reprezinta un element pe care se poate face clic, poate fi conectat la un alt site, sub-domeniu etc. sau i se pot atribui alte actiuni specificate prin scripturi. "type=" se refera la tipul de buton sau la tipul actiunii pe care o efectueaza butonul, in acest caz butonul nu raspunde la interactiuni.
  • "</body>" - semnaleaza inchiderea "corpului" paginii HTML.
  • "</html>" - semnaleaza inchiderea continutului HTML din document.

Cum arata codul de mai sus dupa ce este rulat pe web:

KU6qlGP.png

 

*Explicatia de mai sus este strict pentru oamenii cu 0 cunostinte in HTML. Nu asigur 100% calitatea intelegerii explicatiei mele si sfatuiesc cunoscatorii sa nu judece exprimarea neprofesionala.

  • Like 1

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
Fairside Romania

ONCE FAIR, ALWAYS FAIR! Cu experiența acumulată de-a lungul anilor am devenit una dintre cele mai importante comunități românești de Counter-Strike. Alăturați-vă comunității FAIRSIDE.RO dacă doriți să aveți un gameplay de calitate alături de prietenii voștri.

Legături URL utile

Legături URL importante din comunitate.

Comunitate de gaming

Articole cu privire la comunitățile de gaming.

Ghiduri Counter-Strike

Ghiduri pentru adminii serverelor de CS.

×
×
  • Create New...