+```
+
++ Read the HTML guide on + MDN Web Docs. +
++ See the official standard at + the WHATWG website. +
+``` + ++ Read the HTML guide on{' '} + MDN Web Docs. +
++ See the official standard at{' '} + the WHATWG website. +
+ +
+```
+
++ Explore the + MDN Web Docs + to learn more. +
+``` + ++ Explore the{' '} + MDN Web Docs{' '} + to learn more. +
+ +
+
+```
+
+When an image is the only content of a link, its `alt` text becomes the link text. Describe where the link **goes**, not what the picture looks like.
+
+Build your first web page in a weekend.
+ +``` + +Modern HTML lets one link wrap a whole card, including headings and paragraphs. Keep the card short, so a screen reader announces something sensible. + +Visit the example site.
+``` + ++ Visit the{' '} + example site. +
+ +Our new course is out. Click here.
+The CSS guide is ready. Click here.
+``` + +Our new CSS course is out.
+The CSS guide is ready.
+``` + +
+
+
+
+
+
+
+```
+
+The `aria-hidden="true"` on the SVG stops the picture from being read out, and the `aria-label` gives the link its name.
+
+## The `title` Attribute
+
+You can add a `title` to give extra information as a tooltip.
+
+```html
+Course guide
+```
+
+Use it with care. Tooltips need a mouse, so touch and keyboard users often never see them. Never put **essential** information only in `title`. Put it in the visible text instead.
+
+## Multilingual Links: `hreflang` and `lang`
+
+If your site has pages in several languages, two attributes help.
+
+| Attribute | What it does | Example |
+| :-- | :-- | :-- |
+| `hreflang` | Says what language the **destination** page is in | `hreflang="hi"` |
+| `lang` | Says what language the **link text** is in | `lang="hi"` |
+
+