Tutorial
Inserare imagine in pagina html cu link
Imaginile pot fi inserate cu u?urin?? în orice sec?iune dintr-o pagin? HTML.
Pentru a insera imagini într-o pagin? HTML, utiliza?i etichetele<img>.
Este o etichet? goal?, care con?ine numai atribute, deoarece eticheta de închidere nu este necesar?.
Sintaxa, imagine fara link:
<img src = "Image URL" ... attributes-list/>
Sintaxa, imagine in pagina html cu link:
<a href="link"> <img src = "Image URL" ... attributes-list/> </a>
Exemplu:
Pute?i încerca s? rula?i urm?torul cod pentru a utiliza o imagine ca link în HTML
<!DOCTYPE html>
<html>
<head>
<title>Inserare imagine in pagina html cu link</title>
</head>
<body>
Urm?toarea imagine func?ioneaz? ca un link:<br>
<a href="https://www.agernic.com/ro/">
<img src = "https://www.agernic.com/ro/html/imagine_romania.jpg" alt = "Romania frumoasa">
</a>
</body>
</html>
Setarea l??imii si în?l?imii unei imagini
Setarea l??imii ?i în?l?imii unei imaginiAtributele de l??ime ?i în?l?ime sunt utilizate pentru a specifica l??imea ?i în?l?imea unei imagini.
Valorile acestor atribute sunt interpretate în pixeli în mod implicit.
<!DOCTYPE html>
<html>
<head>
<title>Setarea l??imii si în?l?imii unei imagini</title>
</head>
<body>
Urm?toarea imagine func?ioneaz? ca un link:<br>
<a href="https://www.agernic.com/ro/">
<img src = "https://www.agernic.com/ro/html/imagine_romania.jpg" alt = "Romania frumoasa" width="300" height="300">
</a>
</body>
</html>
Setarea aliniere, centrare, bordura imagini HTML link
Setarea aliniere, centrare, bordura unei imaginiAtributele de aliniere, centrare, bordura sunt utilizate pentru a specifica centrarea, dimensiunea uni borduri a imaginii.
Valorile acestor atribute sunt interpretate în pixeli în mod implicit.
<!DOCTYPE html>
<html>
<head>
<title>Setarea l??imii si în?l?imii unei imagini</title>
</head>
<body>
Urm?toarea imagine func?ioneaz? ca un link:<br>
<a href="https://www.agernic.com/ro/">
<img src = "https://www.agernic.com/ro/html/imagine_romania.jpg" alt = "Romania frumoasa" width="360" height="300" border="18px" align="right">
</a>
</body>
</html>
cum pui o imagine in html?
aliniere imagine
Online Editor
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
HTML Templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
CSS HTML Layout
Find here examples of creative and unique website layouts.
Free CSS HTML Menu
Find here examples of creative and unique website CSS HTML menu.