AgerNic.com/ro
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL
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 imagini
Atributele 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 imagini
Atributele 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
Tags: cum pui o imagine in html, inserarea imaginilor in html, aliniere imagine

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news 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
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news 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
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.