2: Taguri, Elemente de baza in html – Tutoriale html

In limbajul html sunt destul de multe taguri, elemente, insa eu aici va voi prezenta doar pe cele mai importante de care neaparat veti avea nevoie si in acelasi timp vor fi de ajuns sa faceti web design. Oricum dupa ce va obisnuiti, veti gasi foarte usor tagul respectiv, de care mai aveti nevoie eventual. Toate tagurile de aici trebuie folosite in partea Body a documentului. Pentru recapitularea structurii a unei pagini in html:

<html>
<head>
<title>Prima pagina in html!</title>
</head>
<body>
<h1> Primul meu titlu! – Heading 1</h1>
<p> Acesta este un paragraf, aici putem include mai mult text sau imagini etc. La sfarsit inchidem paragraful cu </p>
<h2>Titlu secundar (heading 2) , foloseste fonturi mai mici incat h1   </h2>
</body>
</html>

Tutoriale html pentru incepatori

Cele mai importante taguri

<p> </p> – intre aceste doua taguri includem TEXTUL . p = paragraf.

<h1>, <h2>, <h3>, pana la <h7> – Inseamna Heading, adica este un tag folosit pentru titluri. Titlurile au spatiu mai mult in fata si dupa, si sunt scrise cu litere mai mari.

<br> – inseamna line break, si cu acest tag putem face rost de un rand nou in cadrul unui paragraf, adica <p>Text text text, <br> text in rand nou</p>

<hr> – deseneaza o linie

<div> – division – desemneaza o parte a paginii, cu ajutorul careia se poate modifica design-ul mai usor cu css

<b></b> – incadrarea textului intre  <b></b>, face ca fontul sa se transforme in Bold, exemplu: Text BOLD text

<strong></strong> – Acelasi rol are ca si BOLD

<i></i>modifica stilul fontului la Italic, tex-ului  inserat, Exemplu: Italic, pentru acest scop mai este folosit si tagul “<em></em>” care provine de la cuvantul emphesize, care inseamna evidentiere.

<blockquote></blockquote> – Citare de la o alta persoana sau alta sursa

<u></u> – acest tag provine de la “underline”, adica se sublinieaza textul respectiv, exemplu: Text subliniat

<pre></pre> – Pre-formatare – Foarte probabil ati observat deja, ca spatiile si taburile nu sunt interpretate de browser. Daca vreti sa folositi totusi “space-uri”, si taburi la formatarea unui text, puteti folosi tagurile <pre></pre>,ca browserul sa interpreteze taburile.

Exemplu pentru spatiu mai mult intre cuvinte, folosind tagul pre:

Text urmat de spatii, space-uri      gata cu spatiile.

Ca sa vedeti in actiune a aceste taguri, si pentru a experimenta, folositi acest utilitar pana ce va obisnuiti cu tagurile de mai sus.