Jump to content

Timp rămas până în 2025

La mulți ani tuturor!

Recrutăm moderatori, designeri audio şi video. Click aici
Recrutăm designeri grafici. Click aici pentru detalii
Vino și tu pe serverul nostru de rage multiplayer: v.b-zone.ro!

Baza HTML-ului

GreenMan

By GreenMan,
in Web Development

 Share

Recommended Posts

GreenMan Rising Star

GreenMan

Posted
Posted (edited)

HTML - Hyper Text Markup Language

- este un limbaj de programare pe web si ajuta la dezvoltarea si crearea siteurilor, paginilor, indexurilor etc. Prezinta functii de nivel mediu, nu foarte complicate si care pot fi intelese de oricine. Lasand la o parte textele filozofice, sa incepem cu inceputul.

 

# presupun ca aveti minte incat sa stiti ca se foloseste notepad (++ de preferabil)sau Macromedia Dreamweaver pentru a pune in aplicare cunostintele de HTML

 

Orice pagina HTML trebuie sa cuprinda urmatoarele taguri:

 

<html> 
script_blocat>

TITLU PAGINA


<title>  </title>

</head>

CONTINUT PAGINA

<body>

</body> 
</html>


E usor de prins legatura pentru ca sunt foarte asemanatoare cu codurile  BB (folosite pe forum), numai ca sunt schimbate putin simbolurile.
Ex:
Cod BB: [b] text [/b]
Cod HTML: <b>text</b>

 

[quote]
[/b][/font][/i][/color][b]* Coduri pentru aliniere

<div align="center">text</div> sau <center>text</center> - Alineaza un DIV la mijlocul paginii.
<div align="left">text</div> - Alineaza un DIV in stanga paginii.
<div align="right">text</div> - Alineaza un DIV in dreapta paginii.


--------------------------------------------------------------------------------------------------------------------------------------------------


* Coduri pentru legaturi (link-uri)
Link simplu :

<a href="link-ul dorit">text</a>


--------------------------------------------------------------------------------------------------------------------------------------------------


* Link care deschide o fereastra tip pop-up

<a href="link" script_blocat="javascript:window.open('link', 'pop1win',  'toolbar=no scrollbars=yes,width=500,height=200')">Text</a>


--------------------------------------------------------------------------------------------------------------------------------------------------


* Link cu imagine

<a href="link-ul unde vrei sa trimita imaginea">
<img src="Link-ul unde se afla imaginea" width="Aici puneti lungimea  care sa o aiba imaginea (masura e in PX)" height="Aici puneti latimea  care sa o aiba imaginea (masura e in PX)" alt="Aici puneti textul care  doriti sa apara cand se pune cursorul pe imagine (Pentru IE)"  title="Aici puneti textul care doriti sa apara cand se pune cursorul pe  imagine" border="0"/></a>


--------------------------------------------------------------------------------------------------------------------------------------------------


* [i]Mentiune:[/i] Pentru ca link-ul sa se deschida intr-o pagina noua trebuie sa adaugati

target="_blank"

Exemplu:
<a href="link" target="_blank">


--------------------------------------------------------------------------------------------------------------------------------------------------


* Coduri pentru miscari de texte

<blink>text</blink> - Palpaie textul
<marquee>Text</marquee> - se misca textul de la dreapta spre stanga
<marquee scrollamount=1 direction="down" loop=true>text</marquee> -  se misca textul de sus in jos
<marquee scrollamount=3 direction=right loop=true  behavior=alternate>text</marquee> - se misca textul dintro  parte in alta


--------------------------------------------------------------------------------------------------------------------------------------------------

* [i]Mentiune:[/i] Aceste coduri se pot folosi si pentru imagini sau flash-uri

* Coduri inserari imagini

<img src="Link-ul unde se afla imaginea" width="Aici puneti lungimea  care sa o aiba imaginea (masura e in PX)" height="Aici puneti latimea  care sa o aiba imaginea (masura e in PX)" alt="Aici puneti textul care  doriti sa apara cand se pune cursorul pe imagine (Pentru IE)"  title="Aici puneti textul care doriti sa apara cand se pune cursorul pe  imagine" border="0"/>
<img src="Link-ul unde se afla imaginea"/> - varianta simpla
<span style="color: codul culorii dorite">Text</span>


--------------------------------------------------------------------------------------------------------------------------------------------------


* [i]Mentiune:[/i] O mare parte din codurile culorilor le gasiti [url="http://www.computerhope.com/htmcolor.htm"]aici[/url].

* Coduri pentru spatiere

 - lasa spatiu intre cuvinte
<br> - trece pe un rand nou


--------------------------------------------------------------------------------------------------------------------------------------------------


* Coduri pentru formatare text

<b>text</b> - pentru scris boldat
<i>text</i> - pentru scris cursiv
<u>text</u> - pentru scris subliniat


--------------------------------------------------------------------------------------------------------------------------------------------------


* Cod pentru inserare imagine in background

<style>script_blocatbackground: black script_blocatURL Imagine) fixed}</style>

[/quote][/b]

 

Crezand ca majoritatea de aici au un minim de cunostinte, tutorialul de mai sus va explica clar si pe fata ce ar trebui sa intelegeti din limbajul asta de programare.

 

@Recunosc faptul ca, acest tutorial a fost facut in graba, de aceea probabil sunt niste greseli de ortografie.

Sper ca v-a ajutat acest tutorial.

Edited by Kenneth
Link to comment
Share on other sites
Travie Experienced

Travie

Posted
Posted

Pacat ca in acest tutorial apare "script_blocat"...

 

 

Oricum, ai explicat frumos, dar ai scris la titlu Baza HTML-ului. Ce cauta javascript? Trebuia facut totul in HTML fara alte limbaje de programare

Link to comment
Share on other sites
GreenMan Rising Star

GreenMan

Posted
  • Author
Posted

Pacat ca in acest tutorial apare "script_blocat"...

 

 

Oricum, ai explicat frumos, dar ai scris la titlu Baza HTML-ului. Ce cauta javascript? Trebuia facut totul in HTML fara alte limbaje de programare

 

Am editat de o groaza de ori, tot asa apare.

 

ON: PHP e limbaj de programare, VisualFox, Pascal.. si lista poate continua.

Link to comment
Share on other sites
SkiizO Experienced

SkiizO

Posted
Posted (edited)

Topic copiat de pe alta comunitate :) Mișto.

Da-mi un PM cu link-ul sa ma conving.

 

EDIT: Am vazut de unde, topic unpinned & closed deoarece nu are pusa sursa.

Edited by SkiizO Capone
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept