[HTML] Tutorial inceput HTML

[MiHaY111]

Salut! In acest tutorial o sa va invat cateva chestii de baza in HTML, simple, dar folositoare. Acest tutorial cuprinde: tutoriale text, imagini, link-uri si altele. Lasa si tu un 1+ daca te-am ajutat!((ATENTIE! INTR-UN COD HTML INTRODUCEM UNUL CSS))

TEXT:

Un titlu se adauga folosindu-ne de "<h2> si </h2> ".

Intre <h2> si </h2> se adauga un text. Exemplu: <h1>TUTORIAL HTML BY MIHAY111</h1>. Orice comanda, dupa ce o deschidem (ex: <p>), se inchide cu "/"(ex:</p>).

Acum o sa va arat cum sa ii dati o culoare textului. 

<h1 class:"color blue">TUTORIAL HTML BY MIHAY111</h1> --> asa se va schimba culoarea textului. ((ATENTIE! DACA VREM SA ADAUGAM UN SUBTITLU, FOLOSIM <h2> si tot asa))

Acum o sa va arat cum sa adaugati un paragraf, folosindu-ne de <p> si </p>.

<p>TEXT DORIT</p>

----------------------------------------------------------------------------------------------------------------------------------

Acum o sa va arat cum sa adaugati o imagine.Ne folosim de:

<img src="link imagine"> --> src= link imagine.

Urmatoarea setare ne va ajuta sa setam marimea imaginii si sa adaugam margine imaginii:

<img class=".smaller-image thick.yellow.border." > --> ''yellow' putem schimba cu ce culoare vrem, ''smaller'' cu ''larger'' etc.

 

Acum o sa va prezint un tutorial in care trebuie sa dam o marime imaginii, culoare textului intr-un stil mai complex, font si multe altele!

Ne folosim de <style> si </style>.

In aceasta comanda introducem setarile pe care le dorim.

O sa va arat:

1.Cum sa dati culoarea unui text mai complex si mai util, marime, font.

2.Cum sa dai o marime unei imagini.

3.Cum sa adaugi o margine unei imagini.

------------

1.

Intai trebuie sa avem <h1 class:"blue-text">TUTORIAL HTML BY MIHAY111</h1> --> de ''blue-text o sa ne folosim, iar in loc de ''blue'' puteti adauga alta culoare.

<style>

  .blue-text {

    color: blue;  --> cu { deschidem si cu } inchidem o setare

 

}

h1 {

   font-family: Courier New; --> asa selectam font-ul unui text, in loc de ''courier new'' punem ce font vrem

   font-size: 20px; --> asa selectam o marime  a scrisului, ''20'' puteti schimba cu ce nr vreti

}

 

<h1 class:"blue-text">TUTORIAL HTML BY MIHAY111</h1>

2 + 3.

<style>

    .smaller-image {

        width: 100px; --> ''100'' putem schimba cu ce nr vrem     

}

  .thick-yellow-border  {

   border-color: blue; --> asa punem culoarea

   border-width: 15px; --> marimea

   border-style: solid; --> tipul marginii

 

}

-------------------------

CUM SA ADAUGI UN LINK INTR-UN PARAGRAF:

<p>Uite un <a href="b-zone.ro"> link </a> catre B-ZONE.</p> --> Intre <p> si </p> adaugam <a> </a>. In <a> adaugam link-ul (<a href="b-zone.ro">), intre <a> si </a> adaugam textul pe care vom apasa ca sa ne trimita pe site-ul adaugat, iar intre </a> si </p> adaugam un text (nu va mai fi link, doar ce este intre <a> si </a> este link). 

 

ACESTEA SUNT LUCRURILE PE CARE EU LE CONSIDER DE BAZA IN HTML. SPER CA V-AM AJUTAT!

 

 

 

[Jackson Brooklyn]

Un tutorial ok, simplu, dar ok.