Basic HTML Examples
Iss chapter me hum kuch basic HTML examples dekhenge.
HTML Documents
Har HTML document ki shuruaat document type declaration se hoti hai: <!DOCTYPE html>
HTML document <html> se start hota hai aur </html> par end hota hai.
HTML document ka jo visible part hota hai, woh <body> aur </body> ke beech me hota hai.
Example:
<!DOCTYPE html>
<html>
<body>
<h1> Mera first basic HTML heading. </h1>
<p>Mera first basic HTML paragraph. </p>
</body>
</html>
The <!DOCTYPE> Declaration
<!DOCTYPE> declaration document type ko represent karta hai aur browser ko web page sahi tarike se display karne me help karta hai.
Yeh sirf ek baar use hota hai, page ke bilkul top par (kisi bhi HTML tag se pehle).
<!DOCTYPE> case sensitive nahi hota.
HTML5 ke liye declaration hai:
HTML Headings
HTML headings <h1> se <h6> tags tak range karti hain.
<h1> sabse important heading hoti hai.
<h6> sabse kam important heading hoti hai.
Example:
HTML Paragraphs
HTML paragraphs <p> tag se define hote hain.
Example:
HTML Links
HTML links <a> tag se define hote hain.
Example:
Link ka destination href attribute me diya jata hai. Attributes HTML elements ko extra information dene ke liye use hote hain.
HTML Images
HTML images <img> tag se define hoti hain. Source file (src), alternative text (alt), width aur height attributes ke through diye jate hain.
Example:
How to view HTML Source
Kabhi aapne kisi web page ko dekh kar socha hai: “Yeh kaise banaya hoga?”
View HTML Source Code
Kisi bhi HTML page par CTRL + U press karo, ya page par right-click karke “View Page Source” select karo. Isse ek new tab open hoga jisme page ka HTML source code dikhai dega.
Inspect an HTML Element
Kisi element par (ya blank area par) right-click karo aur “Inspect” choose karo. Isse aap dekh sakte ho ki element kaise bana hai (HTML aur CSS dono dikhai denge). Aap Elements ya Styles panel me HTML ya CSS ko directly edit bhi kar sakte ho.
