Materialien zum Unterricht

Images and links in HTML

Images in HTML

Copy the image Fact or Fake into the folder of the HTML presentation.

Then insert the image via a link in the source code above the heading "Types of Fake News."

<img src="fakt-fake.png">

This embeds the image in the running text and pushes itself between the text and the heading.

Links in HTML

Links are essential on webpages. You also reached the image above via a link.

Links are inserted using the <a> </a> tag.

The a stands for anchor.

The text between <a> and </a> appears as a clickable link on the screen.

Inside <a>, href (Hypertext Reference) refers to the location where the link should go.

Links can lead to a location within the same page, to another page of the same domain, or to completely different websites.

Example: Link to google

<a href="http://google.de">Link to google</a>

Add a link to https://www.mimikama.org under the table "Who, How, Why" on the webpage.

Finished?

Your page should now look something like this:

It could look better!