Invata cum sa faci un site in html cu notepad

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 wap/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>
<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.nanemernic.tk”> text </a>
– link | text
<img src=”http://
www.recuperatorul.wapsite.me/images/recuperatorul.aspx”> – intoduce o
poza
<blink> text </blink> –
textul apare si dispare
<marquee> text </
marquee> – se misca textul
spre stanga

<input type="button" value="<<Inapoi"
onClick="javascript: history.go(-1)">– buton care te duce cu o pagina inapoi |

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>

by recuperatorul

Pancakes▶