Playback starts YouTube’s embedded player (privacy-enhanced mode).
How to link one page to another page in HTML
ChannelThe Coding BusChapters
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
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.
- Channel
- The Coding Bus
- Category
- Education
- Duration
- 2:14
- Published
- November 5, 2017
- Views
- 857,676
- Likes
- 7,677
Tags
Share
This tutorial in other languages
- FRComment lier une page à une autre page en HTML
- ESCómo enlazar una página a otra página en HTML
- PTComo vincular uma página para outra página em HTML
- ITCome collegare una pagina a un'altra pagina in HTML
- DEWie eine Seite auf eine andere Seite in HTML verlinken
- NLHoe kan men de pagina naar een andere pagina in HTML
- RUКак связать одну страницу на другую страницу в HTML
- PLJak połączyć jednej strony do innej strony w HTML
- JAHTML内の別のページに1ページをリンクする方法
- ARكيفية ربط صفحة واحدة إلى صفحة أخرى في HTML
- HIकैसे HTML में एक पृष्ठ पर एक पृष्ठ से जोड़ने के लिए
- IDCara menghubungkan satu halaman ke halaman lain di HTML