๐ฅ️ HTML เคเคฐ CSS เคธे เค เคชเคจी เคชเคนเคฒी เคตेเคฌเคธाเคเค เคैเคธे เคฌเคจाเคं – Beginners เคे เคฒिเค Step-by-Step เคाเคเคก
๐ง HTML เคเคฐ CSS เค्เคฏा เคนोเคคे เคนैं?
๐ธ HTML (HyperText Markup Language)
เคฏเคน เคตेเคฌเคธाเคเค เคा เคธ्เค्เคฐเค्เคเคฐ เคฌเคจाเคคा เคนै। เคैเคธे เคเค เคเคฐ เคी เคฆीเคตाเคฐें, เคฆเคฐเคตाเค़े เคเคฐ เคिเคก़เคिเคฏाँ เคนोเคคी เคนैं, เคตैเคธे เคนी เคตेเคฌเคธाเคเค เคी เคนเคก्เคกिเคฏाँ (skeleton) HTML เคธे เคฌเคจเคคी เคนैं।
๐ธ CSS (Cascading Style Sheets)
เคฏเคน HTML เคे เคธ्เค्เคฐเค्เคเคฐ เคो เคธुंเคฆเคฐ เคเคฐ เคเคเคฐ्เคทเค เคฌเคจाเคคा เคนै। เคฏाเคจी เคฐंเค, เคซॉเคจ्เค, เคฒेเคเคเค, เคเคจिเคฎेเคถเคจ เคเคฆि เคธเคฌ เคुเค CSS เคธे เคिเคฏा เคाเคคा เคนै।
๐ ️ เค़เคฐूเคฐी Tools
✅ 1. Code Editor:
๐ VS Code – เคธเคฌเคธे เคชॉเคชुเคฒเคฐ เคเคฐ เคฏूเคเคฐ เคซ्เคฐेंเคกเคฒी เคเคกिเคเคฐ
✅ 2. Browser:
๐ Google Chrome เคฏा Mozilla Firefox – เคเคชเคी เคตेเคฌเคธाเคเค เคो เคฆेเคเคจे เคे เคฒिเค
✅ 3. Live Server Extension (VS Code เคฎें):
๐ เคนเคฐ เคฌाเคฐ เคซाเคเคฒ เคोเคฒเคจे เคी เค़เคฐूเคฐเคค เคจเคนीं, เคธीเคงे เคฒाเคเคต เคช्เคฐीเคต्เคฏू
๐ Step-by-Step: เคเคฒिเค เคตेเคฌเคธाเคเค เคฌเคจाเคคे เคนैं!
๐งฑ 1. Basic HTML Structure
-
<!DOCTYPE html>
: HTML5 เคกेเค्เคฒเคฐेเคถเคจ -
<html>
: เคชूเคฐी เคตेเคฌเคธाเคเค เคा container -
<head>
: เคตेเคฌเคธाเคเค เคा hidden เคนिเคธ्เคธा (title, meta tags เคเคฆि) -
<body>
: เคตेเคฌเคธाเคเค เคा visible เคนिเคธ्เคธा
๐จ CSS เคोเคก़เคจा (Style เคฒाเคจे เคा เคाเคเคฎ!)
๐ข เคคीเคจ เคคเคฐीเคे เคนोเคคे เคนैं CSS เคोเคก़เคจे เคे:
- Inline CSS
style.css
๐ง๐ป เคเค Mini Project – "My Profile Website"
๐ Files:
-
index.html
-
style.css
๐ก HTML Code:
✅ เคตेเคฌเคธाเคเค เคो GitHub เคชเคฐ เค
เคชเคฒोเคก เคเคฐें
✅ Responsive Design เคे เคฒिเค เคเคे เคเคฒเคเคฐ Media Queries เคธीเคें
✅ JavaScript เคธीเคเคเคฐ เคตेเคฌเคธाเคเค เคฎें เคंเคเคฐเคเค्เคถเคจ เคोเคก़ें
๐ Conclusion
เค เคฌ เคเคช HTML เคเคฐ CSS เคी เคฎเคฆเคฆ เคธे เคเค เคฌेเคธिเค เคฒेเคिเคจ เคช्เคฐोเคซेเคถเคจเคฒ เคฆिเคเคจे เคตाเคฒी เคตेเคฌเคธाเคเค เคฌเคจा เคธเคเคคे เคนैं। เคถुเคฐुเคเคค เคฎें เคिเคคเคจा เค़्เคฏाเคฆा เคช्เคฐैเค्เคिเคธ เคเคฐोเคे, เคเคคเคจी เคเคฒ्เคฆी เคเคช Master เคฌเคจ เคाเคเคे। เคตेเคฌเคธाเคเค เคฌเคจाเคจा เคธिเคฐ्เคซ เคोเคกिंเค เคจเคนीं, เค्เคฐिเคเคिเคตिเคी เคญी เคนै। ❤️
Web Development
-
HTML Tutorial
-
CSS Guide
-
Beginner Web Design
-
Coding in Hindi
-
Ankur's Digital Diary
-
Website Kaise Banaye
-
Tech Blog Hindi
-
Learn Coding
-
Frontend Development
Comments
Post a Comment