Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Image Details | Basic Elements
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Introduction to HTML

bookImage Details

We have already practiced with images. It is written as <img> and is an empty tag, meaning it does not have a closing tag like regular HTML elements.

  • src attribute is used to specify the source or location of the image.
index.html

index.html

copy
  • alt attribute specify alternative text for the image in case the image cannot be displayed.
index.html

index.html

copy
  • width and height attributes are also crucial for the tag, as they specify the image's dimensions in pixels.
index.html

index.html

copy
  • title is used to specify additional information about the image.
index.html

index.html

copy

Task

  1. Set the lang attribute to "en".
  2. Create a <title> tag with the content Challenge.
  3. Create a top-level heading with the content Welcome to my webpage.
  4. Add an src attribute with a path to an image you want to add. Also, add an alt attribute.
  5. Add the b and em tags to the paragraph.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 4

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Kysy minulta kysymyksiä tästä aiheesta

Tiivistä tämä luku

Näytä käytännön esimerkkejä

bookImage Details

Pyyhkäise näyttääksesi valikon

We have already practiced with images. It is written as <img> and is an empty tag, meaning it does not have a closing tag like regular HTML elements.

  • src attribute is used to specify the source or location of the image.
index.html

index.html

copy
  • alt attribute specify alternative text for the image in case the image cannot be displayed.
index.html

index.html

copy
  • width and height attributes are also crucial for the tag, as they specify the image's dimensions in pixels.
index.html

index.html

copy
  • title is used to specify additional information about the image.
index.html

index.html

copy

Task

  1. Set the lang attribute to "en".
  2. Create a <title> tag with the content Challenge.
  3. Create a top-level heading with the content Welcome to my webpage.
  4. Add an src attribute with a path to an image you want to add. Also, add an alt attribute.
  5. Add the b and em tags to the paragraph.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 4
some-alt