»  Pagina principala  »  Tutoriale »  Tutorial complet HTML

Tutorial complet HTML

Folosind imagini pagina capata un plus de atractivitate dar puteti plati pretul unei incarcari greoaie daca dimensiunile imaginii sunt mari.

Cateva din formatele de imagini utilizate in paginile web sunt: JPEG (*.jpg sau *.jpeg), GIF (*.gif), BMP (*.bmp), PNG (*.png).

Formatul gif este recomadat pentru realizarea butoanelor si a icoanelor iar jpg pentru fotografii.

Eticheta folosita pentru inserarea unei imagini in pagina este <img> si are urmatoarele atribute:
src = sursa, locul unde se afla imaginea
width = latimea imaginii
height = inaltimea imaginii
alt = numele care inlocuieste imaginea pana aceasta se incarca sau cand nu a fost gasita
border = chenar (0 = lipsa bordura)

Dimensiunea imaginii afisate de browser este stabilita de argumentele width si height care pot fi diferite de dimensiunile imaginii originale, caz in care imaginea va fi redimensionata automat de catre browser.

Exemplu: o imagine cu latime 100px, inaltime 75px, alt=poza si border=0 si inca o data cu border=1

HTMLAfisare
<img src="poza.jpg" width="100" height="75" alt="poza" border="0">poza
<img src="poza.jpg" width="100" height="75" alt="poza" border="1">poza

Pentru a micsora timpul incarcarii complete a paginii exista programe care optimizeaza imaginile. Optimizarea consta in:
1. reducerea dimensiunii imaginii fara degradarea majora a calitatii
2. eliminarea informatiilor tip metadata asociate imaginii. Aceste date (EXIF/IPTC) sunt asociate automat de programele de grafica (de ex. Adobe Photoshop) sau de aparatele de fotografiat digitale.




« Inapoi 1 2 3 4 5 6 7 8 9 10 11 Inainte »
Pagina Urmatoare: Tabele




Link-ul autorului:
www.drogoreanu.ro/tutorials/html.php

Comentarii



   GAVRILESCU

Sint incepator in cele ale html dar informatiile pe care le dati sint extraordinare.Va felicit si va multumesc.poate imi recomandati ceva pentru documentare....chiar si contra cost
23-Apr-2010 - 23:51


   Cristian

Pentru HTML si CSS gasesti mai multe resurse pe www.tutorialehtml.com (e frate cu etutoriale), care e dedicat in totalitate pentru tutoriale HTML, XHtml si CSS. Daca ai rabdare si nu sari peste pagini in graba nu ai nevoie de nici un manual sau curs platit.
24-Apr-2010 - 19:00


   Andreiul

Poti te rog sa ma ajuti cu doua chestii ? 1. am pus o ancora in pagina ... si a doua nu mai functioneaza daca o pun ... 2. nu stiu cum sa postez situl .. poti sa imi dai niste indicatii :D ; daca ai timp uite-te te rog si la site-ul meu ... ce fac gresit in a pune acele ancore ... si te rog raspunde-mi ;)
(...............)
21-May-2010 - 14:55


   ioana

am facut un site calumea dar nu stiu cum sal postez........ma ajuti pls
23-Jun-2010 - 13:33


   marian

Nu vreu sa fiu rautocios, dar majoritatea tutorialele
sint fortate, sumare, fara introducere, fara intelegerea fenomenelor facute in graba.
12-Sep-2010 - 18:46


   Robert

Eu am invatat de aici cum sa fac un website
http://www.#######.ro
04-Oct-2010 - 16:39


   denisa

cum fac si io un radio ca am urmat pas cu pas tutorialul tau vali si nu merge imi spune invalid password. ce fac ?
06-Oct-2010 - 13:14


   Andreea

ce trebuie sa contina fisierul "script.php" si cum il creez? please help!!!
14-Nov-2010 - 18:47


   upgrade

imi palce mult!
17-Nov-2010 - 14:45


   Ionita Marius

lucruri foarte folesitoare!!!multumim!!
06-Dec-2010 - 13:07


   Extremlym

Thanks !!!
Apreciate
07-Dec-2010 - 16:59


   robi

doresc sa scriu un text langa un video pe care l-am luat de pe youutube si nu reusesc aveti vreo idee cum as putea face?
08-Jan-2011 - 15:14


   s0r1n

Cum mai pot pune un dj? Cu ShoutCast si winamp v5?
19-Jan-2011 - 14:31


   Popa mihai

Cel mai tare blog
29-Mar-2011 - 07:57



Voteaza acest articol!
 



Trimite un comentariu!

Nume *
E-mail *
Comentariu *
  Vreau sa fiu anuntat de urmatoarele mesaje la acest articol

Security image

Catalin Drogoreanu

Inginer electronist din Bucuresti. In 2003 a inceput activitatea de webdesigner ca o activitate in timpul liber. Are cunostinte de HTML, CSS, PHP, MySQL si Adobe Photoshop.
http://www.drogoreanu.ro

Cloud tag

tutorial, photoshop, html, css, javascript, flash, php, mysql, grafica 3D, tutorial, coduri, scripturi, generator de coduri, cursuri php