on
1

HTML5 और CSS3 Basics – Beginners के लिए Complete Guide

on

 


अगर आप Web Development सीखना चाहते हैं तो सबसे पहला Step होता है HTML5 और CSS3 सीखना। HTML Website का Structure बनाता है और CSS उसे Style देता है। इस आर्टिकल में हम Beginners के लिए HTML5 और CSS3 Basics Step by Step समझेंगे।

HTML5 Basics

HTML क्या है?

  • HyperText Markup Language
  • Web Pages का Structure Define करता है

Basic Structure


<!DOCTYPE html>
<html>
<head>
  <title>My First Website</title>
</head>
<body>
  <h1>Hello World!</h1>
  <p>This is my first web page.</p>
</body>
</html>

Common Tags

  • <h1> से <h6> → Headings
  • <p> → Paragraph
  • <a> → Links
  • <img> → Images
  • <table> → Tables

CSS3 Basics

CSS क्या है?

  • Cascading Style Sheets
  • Website को Style करने के लिए

Inline CSS


<p style="color:red;">This is red text</p>

Internal CSS


<style>
  body { background-color: lightblue; }
  h1 { color: green; }
</style>

External CSS


<link rel="stylesheet" href="style.css">

Example: Simple Page (HTML + CSS)


<!DOCTYPE html>
<html>
<head>
  <title>Portfolio</title>
  <style>
    body { font-family: Arial; background:#f4f4f4; }
    h1 { color: blue; }
    p { color: #555; }
  </style>
</head>
<body>
  <h1>Welcome to My Portfolio</h1>
  <p>This is a simple page made with HTML & CSS.</p>
</body>
</html>

निष्कर्ष

HTML5 और CSS3 हर Web Developer के लिए Foundation है। अगर आप इन्हें अच्छे से सीख लेते हैं तो आगे चलकर JavaScript, PHP और Frameworks आसानी से सीख सकते हो।

Comments

Post a Comment