How to use image in HTML - Supercoders | Web Development and Design | Tutorial for Java, PHP, HTML, Javascript How to use image in HTML - Supercoders | Web Development and Design | Tutorial for Java, PHP, HTML, Javascript

Breaking

Post Top Ad

Post Top Ad

Tuesday, December 11, 2018

How to use image in HTML

How to use image in HTML



[<    Command Code  =   Variable Code    >]

Command Code =  Identifies the element you want to manipulate.

Variable Code  = Defines the changes

EMBED IMAGE WITHIN TEXT

<img src="http://www.yourcompanydomain.com/images/image.jpg">

Img src = Command Code

src = This sample identifies the location of the image to embed.

ALIGN IMAGE:

<img src="http://www.yourcompanydomain.com/images/image.jpg" alt="yourimage"
align=right>

Right = This sample aligns right.

ADJUST IMAGE SIZE WITH PIXELS:

<img src="http://www.yourcompanydomain.com/images/image.jpg" alt="yourimage"
align=right width=100>

100 = This sample aligns right, sets width to 100px.

ADJUST IMAGE SIZE WITH PERCENTAGE AND ALIGNMENT:

<img src="http://www.yourcompanydomain.com/images/image.jpg" yourimage" align=right width=30%>

30% = This sample aligns right with a 30% adjustment.

HTML  HYPERLINK

HYPERLINK PAGES AND IMAGES:

<a href="http://www.hyperlinkcode.com">Hyperlink code</a>

<a> = anchor tag.

href = location to visit.


No comments:

Post a Comment

Post Top Ad