Tag Archives: featured

HTML

HTML

Next

HTML Introduction

This is the introduction to HTML tutorial and as you move further, you will notice that we have covered complete HTML from very basic to the advanced level and this tutorial is full of examples and references.

HTML is very easy to understand and implement because it is divided into tags, attributes and elements which are so easy that even a school student can understand it without any issues.

Next
Facebook Twitter Google-plus
css

CSS

Next

This CSS Tutorial is right place to learn CSS from beginner to advanced level.

CSS Introduction

CSS stands for Cascading Style Sheets.

Cascading” means that one or more style sheets can be applied on the HTML document one after the other using some rules.

So, the same tag can use one or more styles.In short, for Styling the HTML document, you have to use CSS.

HTML simply creates the structure or skeleton while CSS will make the website colorful,better and clear.

  • CSS stands for Cascading Style Sheets.
  • For Styling the HTML document, you have to use CSS.
  • You can create CSS files in the HTML document as well as an external files.
  • The external CSS files are more popular and widely used.
  • Mostly, we apply CSS by creating Ids and Classes but there are other ways as well. We will discuss all these in this tutorial.
  • At the time of writing the 1st version of this tutorial, CSS3 is most popular version of CSS.

Pictorial Difference between HTML and CSS

HTML VS CSS - Just Pictorial representation

Why CSS is used

Code re-usability.
It helps you to apply style on HTML tags.

Prerequisite to learn CSS

The learner should have a basic understanding of HTML/HTML5 in order to learn CSS.

Without CSS

<!DOCTYPE html> 
<html> 
<head>
</head> 
<body> 
<h3> Here</h3> 
<p>Hello, this is without CSS</p> 
</body> 
</html>

Output

Here

Hello, this is without CSS

With CSS

<!DOCTYPE html> 
<html> 
<head> 
<style> 
h3 { 
color:blue; 
background-color:yellow; 
padding:3px; 
} 
p { 
color:black; 
} 
</style> 
</head> 
<body> 
<h3> Here</h3> 
<p>This is with CSS</p> 
</body> 
</html>

Output

Here

This is with CSS

What you will learn?

This CSS tutorial teaches you everything about CSS right from the beginning to advanced level and each topic has explanation, theory, syntax and  real life examples.

Most of the topics contains images to explain the topics clearly like the one below- 

Next
Facebook Twitter Google-plus