Adding Images in html

-

Adding Images In HTML

To add images we use the img tag followed by src attribute. We will discuss about attributes later.
      NOTE- img tag doesn't contain a closing tag.

Syntax-

<img src="your image URL here" alt="alt text to display">

  • In src attribute we give the URL of our image.
  • Writing alt attribute is not necessary.
  • alt attribute text displays if the image fails to load.
  • eg:
      <img src="http://imgur.images.ighdhsa67x" alt="the donut in hands">
  • if the image fails to load due to network issues or something, the alt text "the donut in hands" will be displayed in browser.
  • The images also can be added in lists. they can be added in both ordered and unordered list.
  • For this we only has to give images with <li>......</li> tag.
eg:  <ol>
                <li><img src="image URL" alt="alt text"></li>
                <li><img src="image 2 URL" alt="alt text"></li>
     </ol>

Comments

Post a Comment

Popular posts from this blog

Introduction To HTML

-
HTML - Hyper Text Markup Language HTML is used by  browser to manipulate text, images and other content to display it in required format .  HTML is created by  Tim Berners-Lee .    A HTML file can be created by- Text-Editors (Notepad) Atom Sublime-texts Visual Studio Code eg: Basic HTML document- <!DOCTYPE html>    #defines the type of the document. <html>      #your code start from here.      <head>    #defines head in html          <title> MY WEB PAGE </title>  #Defines the web page name .     </head>    #closing of head.            <body>    #defines the body of a site .                                      <h1> Here is the heading you want to give </h1> ...
Read more

Div, Header, Footer and Main

-
Different Divisions In HTML Div:     The  Division can be done by <div> tag. Right now the page may look similar with or without        using the div tag, but when we start CSS it will mean a lot.     The  <div> tag has its closing tag as </div>     The div tag is used to make division of a page. eg:          <div>          <p>Hi! this is division for example</p>     </div> Header: The header division is to be done on head of the webpage. about, contact, main are the information are to be defined in a header tag. The header tag has its closing tag as </header>     eg:          <header>               <p> Hi!, This is Header division</p>          </header> Footer: Footer tag is same like header divisio...
Read more