CSS - Exercises 2 - Few CSS Properties

In this video,I explained few properties 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 -

exercises2.html - 
<html>
  <head> <title> Exercise 2 </title>
         <link rel="stylesheet" href="exercises2.css">
  </head>

<body>
  <table border=1 cellpadding=0 cellspacing=0 align=center>
  <caption> YouTube Channel - Web Guru </caption>
  <tr> <td> <img src="banner.png" alt="An Image"> </td>
  <td>
   <table border=1 cellpadding=0 cellspacing=0>
   <tr>
   <th> Description </th>
   <td> It's a youtube channel which contains web technologies </td>
           </tr>
<tr>  
   <th> Channel link </th>
   <td> <a href="https://www.youtube.com/channel/UCKY176mHESTCI1QderHdOdg"> Channel Landing Page </td>
</tr>
<tr>  
   <th> When Started </th>
   <td> Feb 6, 2019 </td>
</tr>
<tr>  
   <th> Concepts included (till now)</th>
   <td id="c1"> HTML and CSS </td>
</tr>
<tr>  
   <th> Future Concepts</th>
   <td> JS, Jquery, PHP and so on ....</td>
</tr>
<tr>  
   <th> Channel About</th>
   <td> <a href="https://www.youtube.com/channel/UCKY176mHESTCI1QderHdOdg/about"> Shows the about page</td>
</tr>
<tr>  
   <th class="p1"> HTML Playlist</th>
   <td> <a href="https://www.youtube.com/playlist?list=PLuxTWd0ziEhpfOPBK-CuyZcxviDkEIdvZ"> Playlist of HTML</td>
</tr>
<tr>  
   <th class="p2"> CSS Playlist</th>
   <td> <a href="https://www.youtube.com/playlist?list=PLuxTWd0ziEhocpvrx7kvVPQDFaMnz6mzQ"> Playlist of CSS </td>
</tr>
 
   </table>
  </td>
  </tr>

</table>


</body>

</html>

exercises2.css - 
img {
height:350px;
width:350px;
border: 20px solid green;
margin: 10px;
padding: 20px;
}

body {
background-color: lightblue;
}

caption {
font-style: italic;
font-weight: bold;
}

#c1 {
color: red;
text-decoration: underline;
}

td {
text-align: center;
}

.p1 {
font-style: italic;
font-weight:bold;
text-decoration: underline;
}

.p2 {
font-style: italic;
text-decoration: underline;
color: green;
}


Comments

Popular posts from this blog

Alert Dialog Box in JS || JavaScript Dialog Box

HTML - Frameset Tag in html

Indian Flag || Indian Flag using HTML CSS