Please can someone teach me how to code a Nav bar using only html

I already know how the html works but i find it difficult to code a responsive navigation bar, A navigation bar that leads me somewhere. Someone please teach me.

html programming bar navigation

19th Jun 2023, 9:51 PM

Ben Samuel

8 Answers

+ 7

Can you share your attempt? Do you want a navbar that links you somewheres? Specify what you mean by a responsive nav bar.

19th Jun 2023, 10:55 PM

Junior

+ 5

The responsive part comes from the CSS. The leading somewhere comes from links in your code. Have you finished the HTML and CSS courses? What about the Web Development one? There are also many examples under the code tab of other people's work. You can see how they did it and then try to make your own. https://code.sololearn.com/Wk7WWrJlQXKp/?ref=app https://code.sololearn.com/Wd47xDwBw19S/?ref=app https://code.sololearn.com/WBeb56cDT6Gj/?ref=app https://code.sololearn.com/WBbkrW0vmr6x/?ref=app https://code.sololearn.com/W0uW3Wks8UBk/?ref=app

20th Jun 2023, 9:51 AM

Ausgrindtube

+ 3

Ok, then chill. Take your time, practise, you'll achieve what you want to with time.

20th Jun 2023, 4:57 PM

Ausgrindtube

+ 1

Yes I'm through with the html course just starting css

20th Jun 2023, 10:02 AM

Ben Samuel

+ 1

Look at some HTML courses provided in Sololearn, and try to do it yourself. If you are stuck, share your code, and provide a detailed explanation of what you have tried and what you need to do.

21st Jun 2023, 9:25 AM

Danish Zubair

You just finished html i am new

20th Jun 2023, 11:24 AM

Chibuike Nwalie

With only html and no css, you will have to make all links in one row, beneath the title (At least I would not know how to do otherwise). try this: <body> <div> <h1>Title</h1> </div> <div align = "center"> <a href = "firstlink.html">first link</a> <a href = "nextlink.html">next link</a> <a href = "lastlink.html">lastlink</a> </div> <div> here's the content </div> </body> - you can make it a bit nicer by putting a <button> around the links. Or by giving some attributes to the div etc. But believe me, it is much easier with css. With css you give names to the <div>, e.g. <div id = "navigation"> - and then you go to the css document, and give a nice design to the div with that id. E.g. you can put the bar where ever you want, left side right side, under the title, you can give it a background colour, you can make a nice size for the buttons etc.

21st Jun 2023, 6:55 PM

Antje Beckers

At first css seems to be so much. But... If you have a computer, create a folder for a test-website. Go to your text editor, make a html - site with just basic content, just easy for an exercise, save as html. Then, on the same text editor start with your css, save as css. All in the same folder. You might add a picture to the folder. Then you can start playing around, watching how every change in css changes the design of your website. btw: if you want to change the html, click right and open with editor, and if you want to see it click right and open with your browser. It always takes me a lot of attempts to get along with padding and margin because I always mix them up - never mind, with css it's a matter of minutes to try 😀

21st Jun 2023, 7:07 PM

Antje Beckers