HTML

Cutare
Share |
Navigare
Acasa
Ghidul incepatorului in HTML
Tutorial HTML
Tutorial XHTML
Tutorial CSS
Ce este nou in HTML 5
Tutoriale CCS3 in engleza
Tutoriale HTML5 in engleza
Examen HTML
Cuvantul autorului
Contact
13
HyperText Markup Language (HTML)
Am creat acest site de tutoriale HTML pentru incepatori, dar si celor care au o oarecare baza in ce priveste libajul de marcare HTML.
Vei invata cum sa folosesti HTML pentru a realiza un website. Va invitam sa incepeti cursurile intr-o secunda. Dar mai intai,
"meniul"...
Ghidul Incepatorului in HTML - Pentru aceia dintre voi care sunt incepatori HTML si in crearea de pagini web folosind HTML. Acest
limbaj de marcare sta la baza orcarui site web. Absolut toate website-urile folosesc HTML-ul in constructia lor.
Tutorial Complet HTML - HyperText Markup Language sau pe scurt HTML. HTML a aparut ca o modalitate de a prezenta informatia
structurata pe titluri paragrafe sau blocuri de text. Pentru a personaliza aceste elemente HTML va recomandam sa folositi CSS
Tutorial Complet XHTML - eXtensible HyperText Markup Language, sau pe numele lui mic XHTML, este o versiune mult mai stricta si
mai curata a HTML.
Tutorial complet CSS - CSS este prescurtarea de la Cascading Style Sheets sau in traducere libera, foi de stil. Folosind CSS poti
formata toate elementele HTML fara a incarca prea mult documentul HTML. In acest fel vei minimiza timpul de incarcare (loading
time) si vei putea schimba tot stilul paginii modificand un singur fisier.
Html pe scurt
Am incercat mai jos sa fac o scurta lista cu cele mai folosite coduri HTML. Poti sa adaugi aceasta pagina la favorite pentru a avea
la-ndemana acesta lista de coduri HTML atunci cand nu stii cum se formuleaza un anumit tag HTML sau pur sui simplu nu iti aduci
aminte.
Html - Elemente
Principalele elemente in HTML sunt <html>, <head>, <title> si <body>. Iata si un exemplu simplu de construire a unei pagini HTML.
<html>
<head>
<title>Prima mea pagina web folosind cateva coduri HTML!</title>
</head>
<body>
Salut Gasca! Aici voi pune mai tarziu continutul! Si voi realiza o pagina simpla folosind HTML
</body>
</html>
Html - Paragraf
<p>Acesta este un simplu paragraf in HTML</p>
<p align="left">Acesta este un paragraf aliniat la stanga</p>
Pe langa atributul align putem folosi pentru a alinia elementele HTML urmatoarele valori: left, right center si justify.
Html - Titluri
<h1>Acesta este tag-ul HTML pentru cel mai mare titlu</h1>
Alte tipuri de titluri in HTML: h2, h3, h4, h5, h6. Unde h1 este cel mai mare si h6 cel mai mic.
Html - Linebreak
<br /> este un salt in linie in HTML - spatiul intre br si slesh face diferenta intre cod valid XHTML si HTML 4.1 de exemplu.
Html - Line Orizontala
<hr /> se foloseste pentru a desena o linie orizontala in HTML - spatiul intre hr si slesh face diferenta intre cod valid XHTML si HTML
4.1 de exemplu..
Html - Liste
O lista simpla in HTML este de forma
<ol>
<li>Primul element HTML din lista </li>
<li>Al doilea element HTML din lista</li>
<li>Al treilea element HTML din lista</li>
</ol>
Lista de mai sus este o lista ordonata. Alte tipuri de liste in HTML sunt liste neordonata si lista de definitii.
Html - Link-uri
<a href="http://www.tutorialehtml.com/" title="HTML 5" target="_blank" >Html 5</a>
<a href="#top">Mergi la inceput</a> (<a name="top"></a>)
<a href="mailto:admin@exemplu.com" >Nelamuriri aici</a>
Generatoare de coduri
3d Header Maker/ Generator de
header
Dropdown Menu Generator
Generator de coduri de culori
HTML
Audio code generator
Add To Favorites Generator
Set Home Page generator
Disable Right Mouse Click
Generator
URL forwarding code generator
Alte generatoare
Valid Google +1 xhtml code that
doesnt slow page load speed
Valid W3C facebook like button
CSS font filter generator
Valid xhtml code for the Google
+1 button
Marquee Code Generator
20+ Web 2.0 Online Generators
& Tools
Button Creator
Anexe
HTML Tutorial - Tabel de culori
in HTML
HTML Tutorial - Lista de
simboluri in HTML
Resurse
Tutorial - Ghid pentru
cumpararea Numelui de
Domeniu si Gazduire
Tutorial - Verificarea codului
HTML
Tutorial - Favicon.ico
Tutorial - Text in miscare tag-ul
marquee
Parteneri
Tutoriale in limba romana
Generatoare de coduri si
scripturi
Resurse CSS
Tutoriale Web 2.0
Resurse
Tutoriale Photoshop
JosCarameaua
ByRev
363 Like Like
Tutoriale HTML
HyperText Markup Language
Acasa Contact
Tutorial HTML, XHTML, HTML5 http://tutorialehtml.com/
1 of 3 28.06.2014 12:58
<a href="http://www.tutorialehtml.com/" title="HTML 5" target="_blank" ><img src="img/html_image.jpg"
alt="HTML 5" /></a>
Au fost exemplificate mai sus un link normal in HTML, un link folosit pentru a lega doua sectiuni in aceasi pagina, un link email si un
link imagine. Desi nu se mai foloseste in HTML dar merita mentionat.
<base href="http://www.tutorialehtml.com/">
Base href a fost scos din indexul tagurilor in HTML 5
Html - Imagini
<img src="img//html_image.jpg" alt="Html Image" width="100" height="50" align="center" />
Va recomand alinierea cu ajutorul CSS. La fel si stabilirea dimensiunilor imaguinii. Ceea ce ar transforma codul HTML de mai sus in:
<img src="img//html_image.jpg" alt="Html Image" style="width:100px; height:50px; margin:auto;" />
Html - Formulare
Am adaugat mai jos codul HTML folosit pentru a crea un simplu formular. Acesta este doar formularul HTML folosit de user pentru a
introduce informatia dorita. Nu uita ca pentru procesarea aceste informatii, odata ce se face click pe butonul submit al formularului
HTML. Informatia va fi procesata de catre un fisier.php si eventual urcata in baza de date sau trimisa pe email.
<form method="post" name="formular" action="fisier_care_proceseaza_formularul_html.php">
.................campurile de text care vor prelua informatia.........
<input type="submit" value="Trimite">
<input type="reset" value="Sterge" />
</form>
Html - Campuri de text
Am atasat mai jos codurile HTML folosite pentru campuri de text in functie de cerinte.
<input type="text" size="10" maxlength="40" name="nume"> - camp de text normal
<input type="password" size="10" maxlength="10" name="parola"> - parola
<input type="radio" name="culoare" value="rosu"> - buton radio
<input type="checkbox" name="da" value="da"> - casuta de bifat
<select name="limbajdeprogramare"> - meniu drop-down
<option>Html 4.1</option>
<option>Html 5</option>
</select>
HTML - Tabele
Structura de baza a unui tabel in HTML este urmatoarea..
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
<tr>
<td>Row 1 Cell 1</td>
</tr>
<tr>
</tr>
</table>
Html - Bgcolor
Iata folosirea atributului bgcolor in HTML. Scopul lui este acela de a stabili o culoare de fond.
<body bgcolor="#efefef">
<div bgcolor="#888888">
<table bgcolor="#000000"> - etc.
Html - Background
Puntru a pune o imagine background vom folosi urmatorul cod HTML.
<table background="img/pattern.jpg">
Html - Comentarii

Html - Embed (Muzica)
Pentru a insera muzica intr-un document.html vom folosi folosi urmatorul rand HTML.
<embed src="tu si tuborg.mp3" hidden="false" autostart="false" loop="false" volume="60" width="144"
height="60" />
Tag Cloud
Tutorial html, html incepatori, tutorial
xhtml, tutorial css, xhtml, nume de
domeniu, tabele, culori html, html
tutorial, html tags, html, ghid html, css,
xhtml transitional, foi de stil css,
cascade style sheets
363 Like Like
2 of 3 28.06.2014 12:58
Html - Object (Video)
Pentru a insera un video intr-un document.html vom folosi urmatoarea bucata de cod HTML.
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/UAq8qHNWMNw&hl=en&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/UAq8qHNWMNw&hl=en&fs=1" type="application/x-shockwave-flash"
allowfullscreen="true" width="425" height="344">
</embed>
</object>
Html- Text ingrosat (Bold)
<b>text ingrosat in html</b>
<strong>text ingrosat in html</strong>
Html - Text inclinat
<i>italic</i>
<em>emphasized</em>
<blockquote>blockquote</blockquote>
<address>address</address>
Html - Subscript, Superscript, Striketrough
<sub>indice!</sub>
<sup>exponential!</sup>
<del>text taiat</del>
In general aceste trei tag-uri HTML nu se folosesc prea mult dar merita amintite
HTML - Upload si Campuri ascunse
Exemplul de mai jos este campul folosit pentru a urca un fisier pe server. Tine minte ca este doar partea HTML a formularului.
<form method="post" action="fisier_care_proceseaza_formularul_html.php">
<input type="hidden" name="MAX_FILE_SIZE" value="500" />
<input type="file" />
<input type="submit" value="Trimite">
<input type="reset" value="Sterge" />
</form>
2008-2014 TutorialeHTML | Continutul acestui site este pus la dispozitie sub Licenta Creative Commons.
Design by 1234.info | Modified by Catalin | Valid XHTML 1.0 | CSS 2.1
3 of 3 28.06.2014 12:58

HTML

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Cutare

S-ar putea să vă placă și