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.