+ 1

Please how can i create a menu tab with links in it using html

Html assignment

20th Jul 2021, 12:16 PM

Jerry cornerstone

5 Respuestas

+ 2

Scroll through here there are some examples with the code also change up some of the code to make our you own https://www.w3schools.com/howto/default.asp

20th Jul 2021, 12:25 PM

Cars

+ 1

It all depends on the menu. Either a horizontal or vertical menu Vertical menu should look like this: <html> <head> <-- in this case I'm using an internal csss --> <-- therefore I use the <style>...</style> tag.> <style> <-- writing css now --> body{ padding:0px; margin:0px; // both resets the browser's default. } ul{ list-style-type: none; padding: 0px; margin: 0px; // removes any browser default. } a:link,a:visited{ Display: block; Width: 130px; Color: black; text-align: center; text-decoration: none;// removes dot text-transform: capitalize;// capitalizes Font-weight: bold; Background-color: grey; Padding: 4px; } // Now style the link for when user s mouses over. a:hover,a:active{ background-color: black; Color: white; } </style> </head> <body> <-- create an unordered list--> <ul> <-- this are the list items--> <li><a href ="#"> home</a> </li> <li><a href ="#"> Contact </a></li> <li><a href ="#"> learn </a></li> <li><a href ="#"> reward</a> </li> <li><a href ="#"> visit sololearn</a> </li> </ul> </html>

4th Dec 2021, 11:43 PM

Morgan Michael

+ 1

Pls close the <body> tag before the ''</html>".

4th Dec 2021, 11:45 PM

Morgan Michael

+ 1

For the horizontal tab, we just need to float the list items. So just add the following css code within the "style" tag. li{ float:left; } // this floats the list items from right to left,starting from the top to the bottom.😘

4th Dec 2021, 11:51 PM

Morgan Michael

Are you looking for this? https://code.sololearn.com/WV74Vet92Uz1/?ref=app

20th Jul 2021, 4:38 PM

Divya Mohan