a और img टैग के साथ अन्य पेजों के लिए लिंक बनाएँ और छवियाँ दिखाएँ।
इस पाठ को Kodokon में खोलेंHTML में "HyperText" ठीक-ठीक वही क्षमता है जो पेजों को लिंक के साथ एक-दूसरे से जोड़ती है। एक लिंक <a> टैग (anchor का संक्षिप्त रूप) से बनाया जाता है। इसका गंतव्य href एट्रिब्यूट (hypertext reference) से दिया जाता है, जिसमें एक URL होता है: किसी वेब पेज का पता, जैसे https://en.wikipedia.org। <a> और </a> के बीच रखा गया पाठ क्लिक करने योग्य बन जाता है।
<p>My favorite pages:</p>
<a href="https://en.wikipedia.org">Visit Wikipedia</a>
<a href="contact.html">See the contact page</a>किसी छवि को दिखाने के लिए, आप <img> टैग का उपयोग करते हैं। यह एक स्वयं-बंद होने वाला टैग है: इसमें कोई सामग्री और कोई बंद होने वाला टैग नहीं होता - सब कुछ टैग के अंदर ही समा जाता है। दो एट्रिब्यूट अनिवार्य हैं। src (source) बताता है कि छवि फ़ाइल कहाँ स्थित है। alt (alternative text) छवि का शब्दों में वर्णन करता है: यह पाठ तब दिखाया जाता है जब छवि लोड नहीं हो पाती, और इसे दृष्टिबाधित लोगों द्वारा उपयोग किए जाने वाले स्क्रीन रीडर ज़ोर से पढ़ते हैं।
<img src="images/cat.jpg" alt="A sleeping ginger kitten">
<img src="logo.png" alt="My site's logo">
<img src="beach.jpg" alt="A beach at sunset">आप दोनों को मिला सकते हैं: किसी <a> एलिमेंट के अंदर रखी गई एक छवि क्लिक करने योग्य बन जाती है। वेबसाइट के लोगो ठीक यही करते हैं - जब आप उन पर क्लिक करते हैं तो वे आपको होम पेज पर वापस ले जाते हैं।
<a href="https://en.wikipedia.org">
<img src="wiki-logo.png" alt="Wikipedia logo">
</a><a href="index.html">
___
</a>