HTML elements

I elements

i (italic)

This element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized.

This is the ITALIC element in a sentence.
<i>ITALIC element</i>


This element represents a nested browsing context.

<iframe class="class-name" id="iframe-id-name" src="#" name="iframe-name">
  This is the IFRAME element


An img element represents an image. The image given by the src attribute is the embedded content, and the value of the alt attribute is the img element's fallback content.

<img class="class-name" src="../assets/img/100x100.png" alt="">

img with srcset

Allows for multiple device pixel ratios for an individual image using the srcset attribute.

  srcset="../assets/img/image-1x.jpg 1x,
          assets/img/image-15x.jpg 1.5x,
          assets/img/image-2x.jpg 2x,
          assets/img/image-3x.jpg 3x"
  alt="ALT TEXT">


This element represents a typed data field, usually with a form control to allow the user to edit the data.

<input type="text" class="class-name" id="text-id-name" name="text">
<input type="password" class="form-password" id="password-id-name" name="password-id-name">
<input type="file" class="class-name" id="file-id-name" name="file-id-name">
<input type="search" class="class-name" id="search-id-name" name="search-id-name">
<input type="email" class="class-name" id="email-id-name" name="email-id-name">
<input type="url" class="class-name" id="url-id-name" name="url-id-name">
<input type="tel" class="class-name" id="tel-id-name" name="tel-id-name">
<input type="number" class="class-name" id="number-id-name" name="number-id-name">
<input type="range" class="class-name"  id="range-id-name" name="range-id-name" min="1" max="10">
<input type="color" class="class-name" id="color-id-name" name="color-id-name">
<input type="week" class="class-name" id="week-id-name" name="week-id-name">
<input type="month" class="class-name" id="month-id-name" name="month-id-name">
<input type="time" class="class-name" id="time-id-name" name="time-id-name">
<input type="datetime-local" class="class-name" id="datetime-id-name" name="datetime-id-name">


This element represents an addition to the document. The ins elements should not cross implied paragraph boundaries.

This is the INS element in a sentence.
<ins datetime="2010-10-11T01:25-07:01">INS element</ins>