+ 1
Please how can i create a menu tab with links in it using html
Html assignment
5 Réponses
+ 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
+ 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>
+ 1
Pls close the <body> tag before the ''</html>".
+ 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.😘
0
Are you looking for this?
https://code.sololearn.com/WV74Vet92Uz1/?ref=app
Vous avez souvent des questions comme celle-ci ?
Apprenez de manière plus efficace, gratuitement :
Aujourd'hui en vedette
Help please?
3 Votes
Ejercicio Pytho
0 Votes
Online voting system
2 Votes
What is that z for
0 Votes
Suggestions needed
4 Votes
SQL practice
2 Votes
Game development
0 Votes