Se afișează postările cu eticheta Html. Afișați toate postările
Se afișează postările cu eticheta Html. Afișați toate postările

HTML pentru incepatori

Scopul browserelor web(ex. Internet Explorer sau Firefox) este de a citi documentele HTML,si de a le transforma in pagini web.Browserele (IE,Firefox) nu afiseaza "tag" urile html,dar se foloseste de ele,pentru a interpreta continutul paginii:

<html>
<body>

<h2>My First Heading</h2>

<p>My first paragraph</p>

</body>
</html>

Codul de mai sus va arata astfel:

My First Heading

My first paragraph


Explicatia exemplului:


* Textul dintre tagurile <html> si </html> descrie ca acel document este o pagina web
* Textul dintre tagurile <body> si </body>este continutul care va fi afisat,continutul vizibil(veti vedea mai incolo,ca exista in afara de<body> , si tagul <head> ,acolo se vor pune alte scripturi,printre care si cele pentru designul blogului,si cele de tipul javascript).
* Textul dintre tagurile <h2> si </h2> este afisat ca si heading(se foloseste pentru titlu,antet,rubrica)
* Textul dintre tagurile <p> si </p> este afisat ca si un paragraf

Foarte important este ca intotdeauna sa inchizi tagul,adica fiecare tag sa aiba perechea de inchidere:de exemplu <p>se inchide cu </p> (se foloseste in plus bara inclinata)

<p>xxxxxx</p>
<a>xxxxxx</a>
<h1>xxxxx</h1>
<body>xxxxx</body>

Am explicat mai in sus doar o parte din principiul de baza al HTML.
In urmatoarele articole din "scoala de bloggeri" voi descrie principalele tag-uri html,si toate aplicatiile lor,rand pe rand.

Ce contine codul html unei imagini?

Iata cel mai simplu mod de a afisa o imagine,folosind Html:

<img src="url" />

In locul lui "url" vei pune sursa imaginii,adica locul in care este incarcata imaginea.
De exemplu daca pui codul de mai jos in postarea ta.....

<img src="http://static.howstuffworks.com/gif/color-psychology-help-sell-home-2.jpg" />

Va arata astfel:



Title si alt

Poti sa adaugi si titlu unei imagini,folosindu-te de atributul title="titlul imaginii"

Iata un exemplu:

<img src="http://static.howstuffworks.com/gif/color-psychology-help-sell-home-2.jpg" title="Diferite culori:rosu,galben,alb,negru,verde,albastru"/>

Imaginea arata la fel,dar daca misti mouseul peste imagine iti va aparea un text,care va fi titlul imaginii:


Exista posibilitatea ca imaginea sa nu se incarce intotdeauna.In acest caz este utila folosirea atributului alt="textul care vrei sa fie afisat in cazul in care nu se incarca imaginea"

<img src="http://static.howstuffworks.com/gif/color-psychology-help-sell-home-2.jpg" title="Diferite culori:rosu,galben,alb,negru,verde,albastru" alt="textul care vrei sa fie afisat in cazul in care nu se incarca imaginea"/>

De asemenea,adaugand title si alt imaginii tale,google va sti despre ce este vorba in aceea imagine,si iti va trimite vizitatori din cautarile de imagini.

Adauga un link imaginii:
Dupa cum bine stii,poti sa adaugi si un link imaginii,exact ca si unui scris.Si este la fel de simplu.Te folosesti de

<a href="url">codul imaginii</a>

De exemplu:

<a href="http://100ro.blogspot.com"><img src="http://static.howstuffworks.com/gif/color-psychology-help-sell-home-2.jpg" title="Diferite culori:rosu,galben,alb,negru,verde,albastru" alt="Diferite culori"/></a>

Va arata astfel(vezi ca imaginea are titlu,are alt,si are un link catre 100 Ro):
Diferite culori