Website Design Tutorial 5 – Links and Menu Bars

Mar 02, 2012, by admin

Website Design Tutorial 5 – Links and Menu Bars

This HTML web design tutorial video will explain you the basics on how to add links and menu bars to an HTML document. Links (or hyperlinks) give visitors the capability to click and visit other sections or pages of your website or even a totally dissimilar website.

These factors are necessary in good website designing and so use them within your pages for consequence.

Basic Steps to Add Menus and Links in HTML

Menu bars contain multiple links so users can steer your whole site by clicking different links. Once you learn this method you’ll be capable to use it each time you design a new website. Keep checking back for other lessons and classes for beginners to improve your designing skills.

In the Notepad page, type the tags for HTML, head, title and body to create a basic web page. Then comprise the code to add a hyperlink or link. Save the file as an HTML document. Type the text that you want to emerge on the web page for your link, such as “Click here to learn more” or you can type the name of the page or website destination, such as “Google” if you plan to link to Google’s home page.

Type the linking tags in the region of the link text using an <a ref></a> link tag. Then comprise the real link destination (http://www……). This will be the page address or URL where you want your visitors to reach your destination after clicking the link. You must comprise the “http://” before the “www” in order for the link to work. You can also link from images on your web page.

When you want to create a basic menu bar, this HTML tutorial video shows you how to do this by replicating the text link code across your page or you can add a <br> (HTML line break) to make a vertical menu bar on your page. You’ll use the same link codes to create multiple links and form a menu bar for site navigation.