2016-1-Build a Nav bar (Intro to Html&css)

One: Learn how to build a NavBar---allow user navigate ur site

1. The Hypetext refrence link

This attribute specifies the location of a Web resource, thus defining a link between the current element (the source Anch OR) and the destination anchor defined by this attribute.

2. Whitespace is empty space in the HTML. Since the browser ignores whitespace in a HTML document, you can clearly lay out the code without affecting how the Web P Age would look.

The browers would ignore the space between tag, just like:

<ahref= "aboutme.html"> <!--The ' href ' means hypertext refrence attribute -Go to the About me page</a><ahref= "contact.html">Contact Me</a><ahref= "untitled.html">Home</a>

So the page would display like that:.

And when want has the gap Bettwen the links, we can use the HTML feature called entity.

Like that:

<ahref= "aboutme.html"> <!--The ' href ' means hypertext refrence attribute -Go to the About me page</a> in<ahref= "contact.html">Contact Me</a> in<ahref= "untitled.html">Home</a>

Pay attention to the "a", it means no-breaking space! So the page would like that:

.

Does It looks better?

3.And now we could make a relly "NavBar" to allow user jump into other page, and we just need to copy code in other Docume Nt. And the page would looks like:

2016-1-Build a Nav bar (Intro to Html&css)