Adding images in page

HTML contains elements for adding images to your website.
The formats most used for the images added in a HTML page are GIF and JPEG (JPG ; JPE), the advantage of GIF images is that are small in size (in bytes), having a maximum of 256 colors.
Other format types that can be used are: PNG, BMP, TIFF, PCX

Adding image in HTML page

To add an image in a HTML document you can use the <img> tag and the following attributes:

src - Contains the location (URL address) of the file with the image.
alt - At this attribute you write the text that will appear if the image cannot be displayed.
width - The width of the image in pixels, if it's not specified the image will maintain it's original width.
height - The image's heigth, in pixels. If it's not specified the image will be presented in it's orininal heigth.

In the following example you can see how you can include an image in your web page and how to use these attributes:

<h4>Example adding image</h4>

<img src='../imgs/smile_gift.png' alt='smile' width='150' height='132'>

- In the <img> tag you can add the style attribute with CSS properties to set the border, position and margins for image.
Example::

<h4>Example image and style</h4>

<img src='../imgs/smile_gift.png' alt='smile' width='150' height='132' style='border:2px solid #0000ee; margin:5px 25px;'>

<<-HTML Lists - DL .. -- Creating Hyperlinks - Links->>

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which HTML5 tag is indicated to be used as container for menu with navigation links in Web site?

<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>

Which CSS property shifts an item horizontally to the left or right of where it was?

text-align clear float

.some_class {
  width: 30%;
  float: left;
}

Click on the Math object method which returns x, rounded downwards to the nearest integer.

Math.ceil(x) Math.abs(x) Math.floor(x)

var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12

Indicate the PHP function which returns the number of characters in string.

mb_strlen() count() stristr()

$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30

Last accessed pages

Horizontal-Vertical Menu with Arrow Keys Navigation ⁽¹⁸³³⁾
Ajax-PHP Rating Stars Script ^(14122)
PHP getElementById and getElementsByTagName ^(32878)
Convert XML to JSON in PHP ⁽⁹²⁰⁹⁾
Script Users Register, Login, Online ^(17008)

Popular pages this month

Making DIV Contents Scroll Horizontally, with multiple Div`s inside ⁽¹⁴⁴⁰⁾
Contact page - CoursesWeb ⁽¹⁴⁰³⁾
Tabs effect with CSS ⁽¹³⁹⁸⁾
PHP getElementById and getElementsByTagName ⁽⁶⁶⁰⁾
Get Attribute (ID, Class, Name, Title, Src) with jQuery ⁽⁵³⁷⁾