Images part 2

HTML Fundamentals
HTML Basics
Images
58
2/4
         

Image Location



You need to put in the image location for the src attribute that is between the quotation marks. 

For example, if you have a photo named "tree.jpg" in the same folder as the HTML file, your code should look like this:
<html>
<head>
<title>first page</title>
</head>
<body>
<img src="tree.jpg" alt="" />
</body>
</html>Try It Yourself

In case the image cannot be displayed, the alt attribute specifies an alternate text that describes the image in words. The alt attribute is required.

Comments

Post a Comment

Popular posts from this blog

article, section & aside part 1

Image
COURSES CODE PLAYGROUND DISCUSS TOP LEARNERS article, section & aside 29 1/3           The <article> Element Article  is a self-contained, independent piece of content that can be used and distributed separately from the rest of the page or site. This could be a forum post, a magazine or newspaper article, a blog entry, a comment, an interactive widget or gadget, or any other independent piece of content.  The  <article>  element replaces the  <div> element that was widely used in HTML4, along with an id or class. <article> <h1> The article title</h1> <p> Contents of the article element </p> </article> Try It Yourself When an  <article>  element is nested, the inner element represents an article related to the outer element. For example, blog post comments can be  <article>  elements ...
Read more

Image part 3

Image
COURSES CODE PLAYGROUND DISCUSS TOP LEARNERS Images 58 3/4           Image Resizing To define the image size, use the width and height attributes. The value can be specified in  pixels  or as a  percentage: <html> <head> <title> first page</title> </head> <body> <img src="tree.jpg" height ="150 px " width ="150 px " alt="" /> <!-- or --> <img src="tree.jpg" height ="50 % " width ="50 % " alt="" /> </body> </html> Try It Yourself Loading images takes time. Using large images can slow down your page, so use them with care.
Read more