miercuri

Html

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 informatiilorparagrafe, 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>
<head>
<title>Titlul paginii</title>
</head>
<body>
</body>
</html>
Acestea sunt tagurile esentiale ale html-ului.
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” />
<meta name=”keywords” content=”Cuvinte cheie separate prin virgula” />
Acum sa trecem la continutul site-ului. Intre “<body>” si “</body>” trebuie pus tot ce contine site-ul. Spre exemplu:
<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 textului
<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 |
Cam 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.
<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:

Stefan spunea...

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.

Andrei Adrian Mocanu spunea...

http://daciamea.org/index.html

Trimiteți un comentariu

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger