🎓 𝗠𝗶𝗰𝗿𝗼𝘀𝗼𝗳𝘁 𝗙𝗥𝗘𝗘 𝗖𝗼𝘂𝗿𝘀𝗲𝘀 𝘄𝗶𝘁𝗵 𝗖𝗲𝗿𝘁𝗶𝗳𝗶𝗰𝗮𝘁𝗲𝘀! 🚀🔥
Upgrade your resume with Microsoft learning opportunities. Explore courses covering some of today's most in-demand tech skills!
🎯 Perfect for Students • Freshers • Job Seekers • Working Professionals
✅ Learn at your own pace ✅ Build career-relevant skills ✅ Explore available certificates and credentials
🔗 𝗔𝗰𝗰𝗲𝘀𝘀 𝗠𝗶𝗰𝗿𝗼𝘀𝗼𝗳𝘁 𝗖𝗼𝘂𝗿𝘀𝗲𝘀 𝗛𝗲𝗿𝗲 👇
https://pdlink.in/3Uf5trR
🔥 Share with friends looking to upskill in 2026!
Upgrade your resume with Microsoft learning opportunities. Explore courses covering some of today's most in-demand tech skills!
🎯 Perfect for Students • Freshers • Job Seekers • Working Professionals
✅ Learn at your own pace ✅ Build career-relevant skills ✅ Explore available certificates and credentials
🔗 𝗔𝗰𝗰𝗲𝘀𝘀 𝗠𝗶𝗰𝗿𝗼𝘀𝗼𝗳𝘁 𝗖𝗼𝘂𝗿𝘀𝗲𝘀 𝗛𝗲𝗿𝗲 👇
https://pdlink.in/3Uf5trR
🔥 Share with friends looking to upskill in 2026!
🇮🇳 𝗚𝗢𝗩𝗘𝗥𝗡𝗠𝗘𝗡𝗧 𝗢𝗙 𝗜𝗡𝗗𝗜𝗔 — 𝗔𝗜𝗖𝗧𝗘 𝗜𝗡𝗧𝗘𝗥𝗡𝗦𝗛𝗜𝗣𝗦 𝟮𝟬𝟮𝟲 🚀
Students and freshers can explore internship opportunities through the AICTE Internship Portal across multiple domains:
💻 AI, Data Science & Web Development
📈 Digital Marketing & Business Development
💰 Finance & Accounting
✍️ Content Writing & Graphic Design
⚙️ Mechanical, Civil & Electrical Engineering
🔗 𝗖𝗵𝗲𝗰𝗸 𝗢𝗽𝗽𝗼𝗿𝘁𝘂𝗻𝗶𝘁𝗶𝗲𝘀 & 𝗔𝗽𝗽𝗹𝘆 👇
https://pdlink.in/4y3vcBl
📢 Share this opportunity with your friends and classmates!
Students and freshers can explore internship opportunities through the AICTE Internship Portal across multiple domains:
💻 AI, Data Science & Web Development
📈 Digital Marketing & Business Development
💰 Finance & Accounting
✍️ Content Writing & Graphic Design
⚙️ Mechanical, Civil & Electrical Engineering
🔗 𝗖𝗵𝗲𝗰𝗸 𝗢𝗽𝗽𝗼𝗿𝘁𝘂𝗻𝗶𝘁𝗶𝗲𝘀 & 𝗔𝗽𝗽𝗹𝘆 👇
https://pdlink.in/4y3vcBl
📢 Share this opportunity with your friends and classmates!
Which HTML tag is used for the main heading of a page?
Anonymous Quiz
2%
A) <h6>
12%
B) <heading>
66%
C) <h1>
20%
D) <head>
Which tag is used to create a paragraph?
Anonymous Quiz
3%
A) <text>
92%
B) <p>
3%
C) <para>
3%
D) <paragraph>
Which HTML element is used to indicate strong importance?
Anonymous Quiz
12%
A) <bold>
13%
B) <b>
68%
C) <strong>
7%
D) <important>
What does <br> do?
Anonymous Quiz
2%
A) Creates a new webpage
89%
B) Creates a line break
6%
C) Makes text bold
3%
D) Creates a horizontal line
Which tag is used to emphasize text?
Anonymous Quiz
12%
A) <italic>
64%
B) <em>
10%
C) <i-text>
14%
D) <emphasis>
🚀 𝗪𝗵𝗶𝗰𝗵 𝗧𝗲𝗰𝗵 𝗦𝗸𝗶𝗹𝗹 𝗪𝗶𝗹𝗹 𝗬𝗼𝘂 𝗠𝗮𝘀𝘁𝗲𝗿 𝗶𝗻 𝟮𝟬𝟮𝟲?
Want to build apps, uncover insights, or create AI solutions? Explore certification courses that match your career goals! 🎯
💻 𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁
👉 https://pdlink.in/3SuUeuD
📊 𝗗𝗮𝘁𝗮 𝗔𝗻𝗮𝗹𝘆𝘁𝗶𝗰𝘀
👉 https://pdlink.in/45vk5ph
💫𝗔𝗜 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴
👉 https://pdlink.in/4fWJVID
🔥 Choose your path, sharpen your skills, and take the next step towards your tech career!
📌 Save this post & share it with a friend planning to upskill.
Want to build apps, uncover insights, or create AI solutions? Explore certification courses that match your career goals! 🎯
💻 𝗙𝘂𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁
👉 https://pdlink.in/3SuUeuD
📊 𝗗𝗮𝘁𝗮 𝗔𝗻𝗮𝗹𝘆𝘁𝗶𝗰𝘀
👉 https://pdlink.in/45vk5ph
💫𝗔𝗜 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴
👉 https://pdlink.in/4fWJVID
🔥 Choose your path, sharpen your skills, and take the next step towards your tech career!
📌 Save this post & share it with a friend planning to upskill.
🌐 Web Development Roadmap — Part 16
HTML Links — Tag
Links are one of the most important parts of the web. They allow users to move from one page or website to another.
1. Creating a Link
HTML uses the
The browser displays:
Visit Google
When the user clicks it, the browser navigates to the specified URL.
2. The href Attribute
href stands for Hypertext Reference.
Here:
href → Specifies where the link goes
URL → Destination
Text → What the user clicks
3. Linking to Another Page
Suppose your project contains:
From
These are called relative links because they point to files within your website.
4. Linking to Another Website
You can also link to an external website:
The complete URL is used for an external destination.
5. Opening a Link in a New Tab
You can use
This tells the browser to open the destination in a new browsing context, commonly a new tab.
For external links, it's also good practice to use:
6. Email Links
You can create a link that opens the user's email application:
7. Telephone Links
You can create a clickable phone link:
This is especially useful on mobile websites.
8. Linking to a Section on the Same Page
You can jump to a specific section using an id.
The flow is:
Click "Go to Contact"
↓
Find id="contact"
↓
Jump to that section
9. Navigation Menu Example
A simple website navigation could look like:
This creates the foundation of a website's navigation.
10. Link vs Button
This is important.
Use a link when the user is going somewhere:
Use a button when the user is performing an action:
HTML Links — Tag
Links are one of the most important parts of the web. They allow users to move from one page or website to another.
1. Creating a Link
HTML uses the
<a> (anchor) element to create links.<a href="https://www.google.com">Visit Google</a>
The browser displays:
Visit Google
When the user clicks it, the browser navigates to the specified URL.
2. The href Attribute
href stands for Hypertext Reference.
<a href="https://example.com">Visit Website</a>
Here:
<a> → Creates the linkhref → Specifies where the link goes
URL → Destination
Text → What the user clicks
3. Linking to Another Page
Suppose your project contains:
my-website/
├── index.html
├── about.html
└── contact.html
From
index.html:<a href="about.html">About Me</a>
<a href="contact.html">Contact</a>
These are called relative links because they point to files within your website.
4. Linking to Another Website
You can also link to an external website:
<a href="https://www.example.com">
Visit Example
</a>
The complete URL is used for an external destination.
5. Opening a Link in a New Tab
You can use
target="_blank":<a href="https://www.example.com" target="_blank">
Visit Website
</a>
This tells the browser to open the destination in a new browsing context, commonly a new tab.
For external links, it's also good practice to use:
<a
href="https://www.example.com"
target="_blank"
rel="noopener noreferrer">
Visit Website
</a>
6. Email Links
You can create a link that opens the user's email application:
<a href="mailto:hello@example.com">
Send Email
</a>
7. Telephone Links
You can create a clickable phone link:
<a href="tel:+911234567890">
Call Us
</a>
This is especially useful on mobile websites.
8. Linking to a Section on the Same Page
You can jump to a specific section using an id.
<a href="#contact">Go to Contact</a>
<h2 id="contact">Contact Me</h2>
The flow is:
Click "Go to Contact"
↓
Find id="contact"
↓
Jump to that section
9. Navigation Menu Example
A simple website navigation could look like:
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="projects.html">Projects</a>
<a href="contact.html">Contact</a>
</nav>
This creates the foundation of a website's navigation.
10. Link vs Button
This is important.
Use a link when the user is going somewhere:
<a href="about.html">About Me</a>
Use a button when the user is performing an action:
<button>Submit</button>
❤3
For example:
Go to Profile →
Submit Form →
Open Article →
Delete Account →
🧠 Remember
↓
Creates a link
href
↓
Specifies destination
↓
Opens in a new browsing context
id
↓
Can create a destination within the same page
Key Takeaway
The
Page A
↓
↓
Page B
Without links, navigating between webpages would be much harder.
Double Tap ❤️ For More
Go to Profile →
<a>Submit Form →
<button>Open Article →
<a>Delete Account →
<button> 🧠 Remember
<a>↓
Creates a link
href
↓
Specifies destination
target="_blank"↓
Opens in a new browsing context
id
↓
Can create a destination within the same page
Key Takeaway
The
<a> element connects the web together.Page A
↓
<a href="page-b.html">↓
Page B
Without links, navigating between webpages would be much harder.
Double Tap ❤️ For More
❤7
𝗧𝗢𝗣 𝗙𝗥𝗘𝗘 𝗖𝗢𝗨𝗥𝗦𝗘𝗦 𝗧𝗢 𝗕𝗢𝗢𝗦𝗧 𝗬𝗢𝗨𝗥 𝗦𝗞𝗜𝗟𝗟𝗦 𝗜𝗡 𝟮𝟬𝟮𝟲!
Explore FREE online learning resources to develop in-demand skills and improve your career opportunities!
🎓 Why Explore These Courses?
✅ Learn valuable professional skills
✅ Improve your resume
✅ Build practical knowledge
✅ Learn at your own pace
𝗘𝘅𝗽𝗹𝗼𝗿𝗲 𝗙𝗥𝗘𝗘 𝗖𝗼𝘂𝗿𝘀𝗲𝘀 𝗛𝗲𝗿𝗲👇
https://pdlink.in/3VBdt6V
💡 Learn New Skills → Build Confidence → Unlock Career Opportunities!
Explore FREE online learning resources to develop in-demand skills and improve your career opportunities!
🎓 Why Explore These Courses?
✅ Learn valuable professional skills
✅ Improve your resume
✅ Build practical knowledge
✅ Learn at your own pace
𝗘𝘅𝗽𝗹𝗼𝗿𝗲 𝗙𝗥𝗘𝗘 𝗖𝗼𝘂𝗿𝘀𝗲𝘀 𝗛𝗲𝗿𝗲👇
https://pdlink.in/3VBdt6V
💡 Learn New Skills → Build Confidence → Unlock Career Opportunities!