Header Ads


Learn web designing online

If you are a beginner and you have no experience in web design, first you learn HTML, js and CSS, it is major component to learn web design. if you Learn Web Designing Step by Step then you must knowledge about basic HTML, CSS and JavaScript they are used in web designing. when you complete learn HTML, css and js then you start programm anying language.

In the first place, you'll need a working information of how to code a page in HTML or hypertext markup language. At that point, you'll should almost certainly use CSS to make the enhanced visualizations you need, regardless of whether that is a specific format, typography, or hues and foundations.

When you start your build a site you must understand to use common HTML tags such as for headings (h1-h6), links (<a>), images (<img>), unordered lists (<ul> with <li> inside), divs and spans. In addition to these are the HTML5 semantic tags <header>, <nav>, <main>, <section>, <aside>, <article> and <footer>

If you want to learn web design basic, there are a some Tips to Learn Web Design.

If you Become a web designer the first step is most Important how to code basic HTML (hypertext markup language) and css. after learning HTML you can create easy your own Website.Below are some tutorials who teaches you everything about HTML. hypertext markup language (HTML) is very easy to learn You always enjoy it.
<!DOCTYPE html>
<title>Enter you website title</title>

<h1>Your Heading</h1>
<h2>Your Heading</h2>
<h3>Your Heading</h3>
<p>Your paragraph.</p>



CSS stands for Cascading Style Sheets, CSS is also an important component to learn web design. It is a language that describes the style of an HTML document.when you learn complete css it is saves a lot of your time HTML will always represent content, and CSS will always represent the look of that content. If your HTML elements and attributes are really well. You will not understand CSS  without a good knowledge of hypertext markup language (HTML).

Below Some examples of CSS Classes you put in your css file and see result

body {
  background-color: lightblue;

h1 {
  color: white;
  text-align: center;

p {
  font-family: verdana;
  font-size: 20px;
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

CSS Background color:

h1 {
  background-color: green;

div {
  background-color: lightblue;

p {
  background-color: yellow;

CSS Border:

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

div {
  height: 50px;
  width: 250px;

If you don't know About HTML we suggest that you read our Above first step.

No comments

Post Bottom Ad