hha

• HTML Images


  Images can improve the design and the appearance of a webpage
• Image tag


  <img> tag is an empty tag which contains attributes only and has no closing tag
• src attribute


  Indicates the specific location of the image file
• alt attribute


  Indicates the alternate text when the image cannot be displayed
• width attribute


  Indicates the width of the image in pixels
• height attribute


  Indicates the height of the image in pixels
• style attribute


  Used to add styles to an element (For Cascading Style Sheet)
• Image floating


  Use the CSS float property to let the image float to the right or to the left of a text
• Alt text cannot be displayed in the web browser. It will only become visible when the image is broken. It only shows the name of the image typed in the alt attribute
• The broken link icon and the alt text are shown if the browser cannot find the image
• JPEG


  Primarily intentional for photographic images with its support for 16.7 million colors
• GIF


  Supports a maximum of 256 colors which makes them convenient for almost all graphics except photographs. It is also the only choice for putting animation online
• PNG


  Designed to present the main features of GIF format including streaming and progressive file formats. It also supplies greater depth of color catering to images up to 24 bit in color
• APNG


  Extends the Portable Network Graphics (PNG) specification to permit animated images that work similarly to animated GIF files, while supporting 24-bit images and 8-bit transparency not available for GIFs. It also retains backward compatibility with non-animated PNG files
• ICO


  Image file format for computer icons in Microsoft Windows. ICO files contain one or more small images at multiple sizes and color depths, such that they may be scaled appropriately
• SVG


  Used to define vector-based graphics for the Web. It defines the graphics in XML format. Every element and every attribute in SVG files can be animated
• These image formats have different file sizes depending on their resolution and compression type. Therefore, one must consider the connection speed of the user because the more images the more it takes much time downloading the webpage
• HTML Comments


  Not displayed in the browser, but they can help document your HTML source code
• Comments


  • Can be used to put significant statements and/or remarks that you do not want to be displayed
• Comment tag


  1. Uses <!-- as a starting tag and --> as an end tag

  2. Used to insert comments in the HTML source code
• Comments


  Used to place notifications and reminders in your HTML code
• Comments


  Used to explain a part of the code to the designer or coder
• Comments


  Used to break the coding area and to mark different landmark portions
• Comments


  Can be used to hide content, including more than one line
• Comments


  Great for debugging HTML, because you can comment out HTML lines of code, one at a time, to search for errors
• Comments


  Can be used to explain complicated codes, note details when the code was edited, and remove sections but make them available for future use
• Citation


  Using a particular idea you get from another author, without using the exact words. You can write the summary or the idea using your own language. Also called paraphrasing.
• Quotation


  The exact words of another author that you will mention in your own writing.
• Quotation and Citation Elements

  • Tag
  • Description
• blockquote


  Defines a section that is quoted from another source
• q


  Defines a short inline quotation
• abbr


  Defines an abbreviation or acronym
• address


  Defines contact information for the author/owner of a document
• cite


  Defines the title of a work
• bdo


  Defines the text direction
• HTML blockquote for Quotations


  The HTML <blockquote> element defines a section that is quoted from another source. Browsers usually indent <blockquote> elements.
• HTML q for Short Quotations


  The HTML <q> tag defines a short quotation. Browsers normally insert quotation marks around the quotation.
• HTML abbr for Abbreviations


  The HTML <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM". Marking abbreviations can give useful information to browsers, translation systems and search-engines.
• HTML address for Contact Information


  The HTML <address> tag defines the contact information for the author/owner of a document or an article. The contact information can be an email address, URL, physical address, phone number, social media handle, etc. The text in the <address> element usually renders in italic, and browsers will always add a line break before and after the <address> element.
• HTML cite for Work Title


  The HTML <cite> tag defines the title of a creative work (e.g. a book, a poem, a song, a movie, a painting, a sculpture, etc.). The text in the <cite> element usually renders in italic.