we will build Simple blog in HTML CSS JS and Jquery which can fall under JS category
lets start by Marking it up
here we added simple sidebar and the
tag defines a division or a section in an HTML document and is used as a container for HTML elements which is then styled with CSS or manipulated with JavaScript and easily styled by using the class or id attribute as we here using the class
the link tag here used to simply link my css file that contains my CSS codes to get applied during the page load and it should be between the
tags or it will not work
this meta tags here used to make the page responsive on mobile phones or small screens by scaling the page for it
the link tags here used to link my favicon which you can see at the right of browser tab as small icon
are anchor tags they used to link a page on the website ... in nutshell
while the active class is when you select home page from CSS you will define the background color and text color of the selected
page in the sidebar or navigation bar
tags that showing text in ITALIC font
lets start by Marking it up
Code:
<html>
<head>
<link rel="icon" href="assets/icons/derp.jpeg" type="image/jpeg" sizes="16x16">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Derp Blog</title>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
<body>
<!-- The sidebar -->
<div class="sidebar">
<a class="active" href="index.html">Home</a>
<a href="faceboob.html">Facebook News</a>
<a href="about.html">About</a>
</div>
<!-- Page content -->
<div class="content">
HOME PAGE
<div class="post1">
<p> welcome to my simple blog its simple for sure ?</p>
<p> well help yourself here am just expressing how much derps exist in this <i>BEEEEEEEB</i> world ?</p>
</div>
</div>
</body>
</html>here we added simple sidebar and the
Code:
<div>Code:
<link rel = "stylesheet" type = "text/css" href = "style.css" />the link tag here used to simply link my css file that contains my CSS codes to get applied during the page load and it should be between the
Code:
<head> </head>tags or it will not work
Code:
<meta name="viewport" content="width=device-width, initial-scale=1">Code:
<link rel="icon" href="assets/icons/derp.jpeg" type="image/jpeg" sizes="16x16">Code:
<a class="active" href="index.html">Home</a>while the active class is when you select home page from CSS you will define the background color and text color of the selected
page in the sidebar or navigation bar
Code:
<p> welcome to my simple blog its simple for sure ?</p>tags are the paragraph tags just add text in between to be seen in the bag
Code:
<i>BEEEEEEEB</i>