"HTML Made Simple: Learn and Create" HTML Basic Page | Lecture 10 in Hindi / Urdu

 

HTML Basic Page

HTML5 mein "header", "nav", "main", "article", aur "footer" tags web pages mein specific areas ko identify karne ke liye use kiye jaate hain. Ye tags HTML document structure ke sahi organization ko maintain karne mein madad karte hain.

<Header>

header" tag website ke header section ko define karta hai. Is tag ka use website ka title, logo, navigation bar, aur search box jaisi important information ke liye kiya jata hai.

Example:

<header>

  <h1>My Website</h1>

  <nav>

    <ul>

      <li><a href="#">Home</a></li>

      <li><a href="#">About</a></li>

      <li><a href="#">Contact</a></li>

    </ul>

  </nav>

</header>

<Navigation >

nav tag navigation menu ko define karta hai. Is tag ka use navigation menu ke links ke liye kiya jata hai.

Example:

<nav>

  <ul>

    <li><a href="#">Home</a></li>

    <li><a href="#">About</a></li>

    <li><a href="#">Contact</a></li>

  </ul>

</nav>

<Main>

main tag page ka main content ko define karta hai. Is tag ka use page ka main content ke liye kiya jata hai.

<main>

  <h1>Welcome to my website</h1>

  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

</main>

<Article>

article tag individual article ko define karta hai. Is tag ka use blog post, news article, aur other independent content ke liye kiya jata hai.

Example:

<article>

  <h2>Article Title</h2>

  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

</article>

<Footer>

footer tag website ke footer section ko define karta hai. Is tag ka use copyright information, contact information, aur social media links ke liye kiya jata hai.

Example:

<footer>

  <p>Copyright &copy; 2023 My Website</p>

  <p>Contact: info@mywebsite.com</p>

  <ul>

    <li><a href="#">Facebook</a></li>

    <li><a href="#">Twitter</a></li>

    <li><a href="#">LinkedIn</a></li>

  </ul>

</footer>

umeed hai apko sare tags ache se samaj me aay hoge next lecture k liye humri blog ko follow karte rahe aur agar apko humara blog pasand aaya to apne dosto se bhi share kare. milte hai next lecture k liye tab tak k liye allahafiz

 

"HTML Unleashed: A Comprehensive Guide"
"Mastering HTML: From Basics to Beyond"
"HTML Essentials: Building the Web"
"HTML Demystified: Tag by Tag"
"The HTML Playground: Your Coding Hub"
"Unlocking the Web: HTML Explained"
"HTML Wizardry: Crafting Web Pages"
"HTML Insights: A Developer's Handbook"
"HTML Made Simple: Learn and Create"
"HTML Chronicles: Your Journey Begins Here"

 

"FOR MY CHANNEL" ❤️LIKE 💬COMMENT 🔗SHARE ❗🔥🔥🔥🔥SUBSCRIBE NOW 🔔PRESS THE BELL ICON FOR NOTIFICATION