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;
}
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
Post a Comment