Posts

Showing posts from June, 2019

Alert Dialog Box in JS || JavaScript Dialog Box

Image
In this video,I explained the Alert Dialog Box . Feel free to comment. For more, please subscribe and press the BELL icon. The code is as follows - HTML File -  <html>  <head> <title> Alert Dialog Box in JS </title> </head>  <!--  JS - Dynamic web pages        <script>    </script>    Interaction with the users    <head>   </head>       <body>    </body>    JS - Dialog boxes - alert, confirm and prompt        -->  <body>    <script language="javascript">      alert("Hi Everyone ...!!!");      document.write("<h1> Hello..!!! Welcome to my </h1> "+ "<b> channel </b>");    </script>  </body>  </html>

CSS Buttons || Buttons in CSS

Image
In this video,I explained the CSS Buttons . Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my  CSS Playlist . Please link, comment, share and subscribe. The code is as follows - HTML File - <html>    <head> <title> CSS Buttons </title>         <link rel="stylesheet" href="css_buttons.css">    </head>      <body>       <button class="btn1"> Button 1 </button>   <button class="btn2"> Button 2 </button>   <button class="btn3"> Button 3 </button>   <button class="btn4"> Button 4 </button>   <button class="btn5"> Button 5 </button>    </body>    </html> CSS File -  .btn1 { background-color: lightgreen; border: none; padding: 20px 20px; margin: 15px 15px; color: white; text-align: center; display: inline-block; font-size: 15px; fl

Daily #Vlog with Anik || CSS Image Gallery || CSS Properties

Image
In this video,I explained the CSS Image Gallery . Feel free to comment. For more, please subscribe and press the BELL icon.Please visit my  CSS Playlist . Please link, comment, share and subscribe. The code is as follows - HTML File -  <html>   <head> <title> Image Gallery </title>          <link rel="stylesheet" href="image_gallery.css">   </head>     <body>     <div class="imggallery">   <a href="html.png" target="_blank">     <img src="html.png" alt="HTML Image" width=150 height=150>   </a> <div class="note"> Added a HTML Image </div> </div> <div class="imggallery">   <a href="css.png" target="_blank">     <img src="css.png" alt="CSS Image" width=150 height=150>   </a> <div class="note"> Added a CSS

Daily Video Blog with Anik || Active Horizontal Bar in CSS

Image
In this video,I explained the  Active Horizontal Bar in CSS . Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my  CSS Playlist . Please link, comment, share and subscribe. The code is as follows - HTML Files -  <html>     <head> <title> Horizontal Bar </title>        <link rel="stylesheet" href="exercises12.css"> </head> <body>   <ul>     <li> <a href="home.html" class="active"> Home </a> </li> <li> <a href="about.html"> About Us </a> </li> <li> <a href="contact.html"> Contact Us </a> </li> <li> <a href="queries.html"> Any Queries </a> </li>   </ul>     <p> This is my HOME Page </p> </body> </html> <html>     <head> <title> Horizontal Bar </title>