Pentru inceput, va recomand sa descarcati NOTEPAD++, pentru ca are cateva bune pentru incepatori.
HTML?
HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afisate într-un browser. Scopul HTML este mai degraba prezentarea informatiilor – paragrafe, fonturi, tabele s.a.m.d. – decat descrierea semanticii documentului.Ce ar trebui sa stiu mai intai?
Pentru inceput, trebuie sa stii ca “/” indica sfarsitul unui tag. Spre exemplu <b> este inceputul si </b> este sfarsitul. In acest caz tot ce este in interiorul acestui tag este ingrosat. Iar tot ce este in afara tagului este scris normal.Cum incep?
Intra in notepad si copie codul de mai jos, iar apoi salveaza pagina ca “index.html“:<html>Acestea sunt tagurile esentiale ale html-ului.
<head>
<title>Titlul paginii</title>
</head>
<body>
</body>
</html>
In “<head>” se afla “<title>” adica titlul paginii. Tot in “<head>” se mai pot pune meta taguri. Cele mai importante sunt:
<meta name=”description” content=”Descriere” />Acum sa trecem la continutul site-ului. Intre “<body>” si “</body>” trebuie pus tot ce contine site-ul. Spre exemplu:
<meta name=”keywords” content=”Cuvinte cheie separate prin virgula” />
<html>
<head>
<title>Pagina mea</title>
<meta name=”description” content=”Prima mea pagina” />
<meta name=”keywords” content=”pagina, html” />
</head>
<body>
Continutul paginii mele.
</body>
</html>
Cateva taguri utile…
Pentru ca HTML este un limbaj ce este format in totalitate de coduri, m-am gandit sa postez cateva coduri.<h1> text </h1> – modifica marimea textuluiCam atat pentru astazi. Voi reveni cu mai multe coduri in viitorul apropiat. Daca nu ai inteles ceva, poti lasa un comentariu si iti voi raspunde cu placere.
<h2> text </h2> – modifica marimea textului
<h3>text </h3>- modifica marimea textului
<h4>text </h4>- modifica marimea textului
<h5>text </h5>- modifica marimea textului
<h6>text </h6>- modifica marimea textului
<b> text </b> – bold – ingroseaza textul | text
<i> text </i> – italic – apleaca textul spre dreapta | text
<u> text </u> – underline – subliniaza textul | text
<font color=”#FF0000″> text </font> – coloreaza textul – text
<a href=”http://www.tutoit.com”> text </a> – link | text
<img src=”http://www.tutoit.com/upload/priv/logo.png”> – intoduce o poza
<blink> text </blink> – textul apare si dispare
<marquee> text </marquee> – se misca textul spre stanga
<form ACTION=URI><input type=”button” value=”Click aici” onClick=’alert(“Mesajul tau” )’></form> – buton cu mesaj |
<html>
<head>
<title>Pagina mea</title>
<meta name=”description” content=”Prima mea pagina” />
<meta name=”keywords” content=”pagina, html” />
</head>
<body>
<center>
<marquee scrollamount=3 direction=right loop=true behavior=alternate>
<h1><font color=”#FF00FF”>Sper ca v-a placut acest tutorial.</font></h1></marquee>
</center>
<body onunload=”alert(‘La revedere!’ );”>
</body>
</html>
2 comentarii:
Mersi pentru articol, o informatie foarte utila mai ales pentru incepator. Tine minte cand si eu ceva timp in urma vroiam sa-mi creez un blog legat de casino online si tot cautam diverse articole ca sa fac un blog cat mai puternic. Datorita la HTML's credca un blog si are succes.
http://daciamea.org/index.html
Trimiteți un comentariu