Entrance Announcement
MICTE 2080
2080 Magh 07
User:Niraj Prasad Bhatt/Real-Teaching Lesson Plan 28
Jump to navigation
Jump to search
Subject: Web Technology
Period: Third
Topic: Creating Internal and External Links in HTML
Class: BICT 3rd Semester
Unit: Three
Time: 50 min
No. of Students: 20
1. Specific Objective:
By the end of this lesson, students will be able to:
- Understand the concept of hyperlinks and their importance in web development.
- Create internal links to navigate within a web page or between different sections of a website.
- Create external links to navigate to other websites or web resources.
2. Instructional Materials:
- Laptop, projector, screen
- Sample code snippets
- Code editor (e.g., VS Code)
- Internet access
3. Teaching Learning Activities:
- Start the class by discussing the significance of hyperlinks in enhancing website navigation and user experience.
- Introduce the concept of internal and external links in HTML and explain their syntax.
- Demonstrate the usage of anchor (<a>) tags to create internal links within a web page by specifying the target location using the href attribute.
- Guide students through hands-on exercises to practice creating internal links to navigate within a single web page or between different pages of a website.
- Explain how to create external links in HTML by specifying the URL of the target resource in the href attribute of anchor tags.
- Discuss best practices for linking to external websites, including using descriptive anchor text and opening external links in a new browser tab.
- Encourage students to explore additional link-related attributes in HTML, such as title and target, to enhance accessibility and usability.
4. Assessment:
- Ask students to create a simple web page with internal links to navigate between different sections of the page and external links to relevant external resources.
- Present scenarios with specific linking requirements and ask students to create corresponding HTML code to implement the links.
5. Homework:
- Design and implement a portfolio website that includes internal links to navigate between different sections (e.g., about me, projects, contact) and external links to showcase external references or social media profiles.