0_images_in_html

dz / mdn / html / 1_multimedia_and_embedding / 0_images_in_html

Summary

Images in HTML

Node Tree

• figures
  • tag_figure
  • figure_caption
    • tag_figcaption
• image
  • image_title
  • size
    • height
    • width
  • tag_img
    • alt
    • height
    • title
    • replaced_elem
    • src
    • void_element
    • width
  • URL
    • content_delivery_network
  • alternative_text
    • alt
• css_background_image

Nodes

tag_img
content	<img>
children	alt, height, title, replaced_elem (sometimes referred to as), src, void_element, width
parents	image, mdn/html/elements

image
content	image
children	image_title, size, tag_img, URL, alternative_text

URL
content	URL
children	content_delivery_network
parents	image

void_element
content	Void Element
parents	tag_img

src
content	src
parents	tag_img

alt
content	alt
parents	alternative_text, tag_img

replaced_elem
content	Replaced Element
parents	tag_img

width
content	width
parents	tag_img, size

height
content	height
parents	size, tag_img

title
content	title
parents	tag_img
remarks	not recommended

alternative_text
content	alternative text
children	alt
parents	image

size
content	size
children	height, width
parents	image

image_title
content	image title
parents	image

content_delivery_network
content	Content Delivery Network (CDN)
parents	URL

figures
content	figures
children	tag_figure, figure_caption

tag_figure
content	<figure>
parents	figures, mdn/html/elements

figure_caption
content	figure caption
children	tag_figcaption
parents	figures

tag_figcaption
content	<figcaption>
parents	mdn/html/elements, figure_caption

css_background_image
content	CSS background images