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!