0_images_in_html

dz / mdn / html / 1_multimedia_and_embedding / 0_images_in_html

Summary

Images in HTML

Node Tree

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

Nodes

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

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

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	tag_img, alternative_text

replaced_elem
content	Replaced Element
parents	tag_img

width
content	width
parents	size, tag_img

height
content	height
parents	tag_img, size

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	mdn/html/elements, figures

figure_caption
content	figure caption
children	tag_figcaption
parents	figures

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

css_background_image
content	CSS background images