HDTutorial
EN

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to link one page to another page in HTML

857,676 views November 5, 2017 2:14

Watch on YouTube
ChannelThe Coding Bus

Chapters

Description from the creator

Learn how to link HTML pages together and move from one page to another the easy way! In this beginner-friendly tutorial you'll learn how to link two HTML pages using the anchor (a) tag and the href attribute — the same technique used to build website menus and multi-page sites. Works in Notepad, Notepad++, or any modern editor like VS Code.

By the end of this video you'll be able to connect a home page to other pages (like an About or Contact page) and build a simple navigation between them.

Download the code: bit.ly/Html_Page_link_Code

Chapters:
0:00 Intro
0:15 Setting up the first HTML page
0:45 Adding the anchor tag and href attribute
1:20 Linking to the second page
1:50 Testing the links in the browser

What you'll learn:
- How to use the anchor (a) tag in HTML
- How the href attribute works to link pages
- How to link one page to another in the same folder
- How to build simple page navigation for a static website

Quick notes:
- Without an href, the anchor tag is just a placeholder for a hyperlink.
- Linked pages open in the same browser window unless you set a target.
- Use CSS to style your links and turn them into buttons.

If this helped, please like and subscribe to The Coding Bus for more HTML, CSS, and web development tutorials!

#HTML #href #htmlwebsite #staticwebsite #webdevelopment #TheCodingBus

About this tutorial

The Coding Bus published this 2:14 video tutorial on November 5, 2017. It has been watched 857,676 times on YouTube.

Category
Education
Duration
2:14
Published
November 5, 2017
Views
857,676
Likes
7,677

Tags

Share

This tutorial in other languages