How to connect HTML file and CSS file

<link type="text/css" href="proyek.css(CSS file name)" rel="stylesheet" />

How to put icon on title

<link rel="icon" href="image/title_image.png(icon file name)" type="image/png">

How to make drop down menu (HTML & CSS)

HTML code

<div id="menu">

<ul>
<li><a href="#">JK Event</a></li>
<li><a href="#">Women</a>
<ul>
<li><a href="womenclothing.html">Clothing</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Handbags</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</li>
<li><a  href="">Men</a>
<ul>
<li><a href="#">Clothing</a></li>
<li><a href="#">Belts</a></li>
<li><a href="#">bags</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</li>
<li><a href="home.html">Home</a></li>
</ul>

</div>

CSS code

#menu{
margin: 0px;
padding: 0px;
list-style-type:none;
}
#menu li{
display:block;
float:right;
background:#888;
border-right: 2px #666666 solid;
text-align:center;
width:160px;
height:30px;
padding-top:10px;
}
#menu li:hover {
background:#cccccc;
}
#menu a{
color:white;
text-decoration:none;
font-family:arial bold;
}
#menu ul ul{
display: none;
position:relative;
z-index:900;
}
#menu ul  li:hover ul{
padding-top:10px;
display:block;
z-index:900;
}
#menu ul  ul  li{
display:block;
border-right:none;
}

Result