FamousWhy.ro Forum: Tutorial Html - Prima Pagina Pe Web - FamousWhy.ro Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Tutorial Html - Prima Pagina Pe Web

#1 User is offline   Adi Barb Icon

  • Administrator
  • Icon
  • View blog
  • View gallery
  • Group: Admini
  • Posts: 2,445
  • Joined: 31-August 07
  • Gender:Male
  • Location:Craiova

Posted 07 September 2007 - 06:57 PM


Html este limbajul care face Internetul sa "mearga". Acest limbaj este predominant si este baza majoritatii site-urilor pe care le vizitam zilnic.

Html este un limbaj foarte accesibil si este cu usurinta interpretat de aproape orice calculator din lume. Html permite folosirea unor editoare text cum ar fi WYSIWYG (What You See Is What You Get) pentru crearea diferitelor pagini insa trebuie stiut de la inceput ca exista riscul ca paginile sa nu aiba acelasi format de la un calculator la altul. Acestea mai prezinta si 3 mari dezavanaje :

1. In urma crearii unui design acestea pot folosi cod html in excess marind astfel timpul de incarcare al paginii.

2. Codul generat nu poate fi 100% compatibil cu diferitele versiune de browsere.

Personal va recomand folosirea unor editoare text pentru a te familiariza mai bine cu limbajul html.

Familiarizarea cu limbajul :

Limbajul html se bazeaza pe notiunea de "tag". Tag-urile sunt incluse intre "<" si ">" si sunt de 2 feluri :

- tag-uri de inceput : <tag>

- tag-uri de incheiere : </tag>

Ex : tag-ul "center" se foloseste pentru a centra un text :

<center>ganduri, opinii, idei</center>

Deschideti notepad-ul sau un alt editor de text mai complex si introduceti urmatoarele portiuni de cod :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<title>FamousWhy</title>
</head>

<body>
</body>

</html>


Sa le luam pe rand :

1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> - acest fragment pune in tema browser-ul cu ce limba se foloseste in pagina respectiva. Nu suntem obligati sa includem acest text insa e bine sa o facem.

2. <title>FamousWhy</title> - cuvantul FamousWhy inclus intre acele tag-uri este declarat ca fiind titlul acestei pagini, cel care apare in partea de sus a oricarui browser.

3. <head></head> tag-uri in care este inclus header-ul site-ului.

4. <body></body> - tag-uri care contin intreg continutul paginii: text, poze, filmulete flash etc... . Aceasta portiune este cea mai importanta dintr-o pagina web.

5. </html> - sfarsitul paginii web.

In acest tutorial ai fost familiarizat cu notiunile de baza ale limbajului html. Orice nelamuri pot fi clarificate aici.
0

#2 User is offline   EMYLYAKOS Icon

  • Boboc
  • Pip
  • Group: Membri
  • Posts: 10
  • Joined: 19-May 10
  • Gender:Female
  • Location:Rm. Valcea

Posted 19 May 2010 - 10:52 PM

Mai am si eu cateva exemple:

-Pentru inserarea unei imagini se foloseste urmatorul cod:

<img src="URL-ul imaginii"></img>

-Pentru inserarea unui link:

<a href="URL aici">TEXT AICI</a>

-Pentru inserarea unui spatiu se foloseste: <br>

-Pentru inserarea unei linii orizontale: <hr>

-Pentru a scrie cu bolb trebuie incadrat textul respectiv intre urmatorele taguri: <b> TEXTUL DORIT AICI </b>

-Pentru a scrie aplecat/ italic se folosesc tag-urile: <i> TEXTUL DORIT AICI </i>

-Pentru a scrie ingrosat/ cu bold se folosesc tag-urile: <b> TEXTUL DORIT AICI </b>

-Pentru a face link dintr-o imagine se foloseste urmatorul cod:

<a href="URL AICI"><img src="URL-ul imaginii"></a>

-Pentru a insera acea casuta in care apar de obicei codurile: <TEXTAAREA> Textul dvs. aici </TEXTAAREA>

Cateva coduri de culori:

negru -> #000000
alb -> #ffffff
gri -> #404040 / #202020 / #808080
rosu -> #ff0000
galben -> #ffff00
verde -> #00ff00
albastru -> #00ffff
roz -> #ff00ff
0

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users