Advertisement
AceSomme

How to create a WebSite (in HTML and CSS) - STEP #2 PART #1

Jul 20th, 2019
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.43 KB | None | 0 0
  1. <!-- Created by AceSomme#1234 -->
  2. <!-- Hello and welcome to the first part of the lesson #2 -->
  3. <!-- Today, we are going to do a drop down menu ! -->
  4. <!-- The first part is in HTML and the second, in CSS -->
  5. <!-- \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/  -->
  6. <!-- > A REALLY IMPORTANT INFORMATION, YOU NEED TO CREATE OTHER HTML FILES, INDEX.HTML, SECONDE.HTML, ETC... < -->
  7. <!-- /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\  -->
  8.  
  9. <!-- \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/  -->
  10. <!-- > Go to the second part of the lesson here ! : https://direct-link.net/32476/p2l2 < -->
  11. <!-- /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\  -->
  12.  
  13. <!DOCTYPE html>
  14. <html>
  15.     <head>
  16.         <title>Insert your title here !</title>
  17.         <meta charset="utf-8">
  18.         <link rel="stylesheet" href="styles.css">
  19.     </head>
  20.     <body>
  21.         <nav>
  22.                 <ul>
  23.                     <li class="menu-index"><a href="index.html">Index</a></li> <!--You must/can change the Index bitween <a href=""> and </a> -->
  24.                     <li class="menu-second"><a href="second.html">second</a>
  25.                         <ul class="submenu">
  26.                             <li><a href="secondsub.html">Second sub</a></li>
  27.                             <li><a href="secondsub2.html">SecondSub 2</a></li>
  28.                         </ul>
  29.                     </li>
  30.                     <li class="menu-third"><a href="third.html">third</a>
  31.                         <ul class="submenu">
  32.                             <li><a href="sub31.html">sub31</a></li>
  33.                             <li><a href="sub32.html">sub32</a></li>
  34.                             <li><a href="sub33.html">sub33</a></li>
  35.                         </ul>
  36.                     </li>
  37.                     <li class="menu-fourth"><a href="fourth.html">fourth</a></li>
  38.                     <li class="menu-five"><a href="five.html">five</a></li>
  39.                 </ul>
  40.             </nav>
  41.  
  42. <!-- Your drop down menu doesn't work beacause you don't have the CSS part, so your drop down menu is only a list -->
  43. <!-- Go on the second part for the CSS files -->
  44. <!-- If you want Youtube videos, tell me it ! (The tuto will be in french but I will put the translation !) -->
  45. <!-- Created by AceSomme#1234 -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement