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>
iframe
This element represents a nested browsing context.
N/A
<iframe class="class-name" id="iframe-id-name" src="#" name="iframe-name">
This is the IFRAME element
</iframe>
img
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.
<img
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"
src="../assets/img/image-1x.jpg"
alt="ALT TEXT">
input
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">
ins
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>