on
HTML
- Get link
- X
- Other Apps
How to Create & Run HTML file.
.png "Lecture 2")
Write HTML Basic Code.
HTML (Hypertext Markup Language) ka basic code likhne ke liye, aapko kisi bhi text editor ka istemal kar sakte hai jaise ki Notepad, TextEdit, Sublime Text, Visual Studio Code, etc.HTML code likhne ke liye, niche diye gaye steps follow kare:
- kisi bhi text editor ko open kare.
- file menu me ja kar apni html ki file ko save kare dhiyan rakhe save karte time file name k sath extension bhi likhna is tarha se "myfisrtpage.html".
- ab html k basic code likhna start kare niche diye hove example ki hisab se.
<!DOCTYPE html>
<html>
<head>
<title>Title of your webpage</title>
</head>
<body>
<h1> Heading Your Web Page </h1>
<p> Paragraph of your webpage goes here. </p>
</body>
</html>
- ab is file ko ek bar fir save kare is bar apse naam aur location nahi pocha jayga q k phele hi humne iska naam aur location bata diya hai abhi humne jo save kiya hai isme edit karne k baad k step save karne k liye kiya hai.
- ab isse apne folder me ja kar kisi browser k zariye open kare.
HTML Basic Tags Explanation.
<!DOCTYPE>
DOCTYPE tag ka use HTML document ke type ya version ko specify karne ke liye kiya jata hai. DOCTYPE tag HTML document ke sabse pehle line mein hota hai, aur ye web browser ko batata hai ki HTML document kis version ka hai aur isme kaun se HTML standard ke rules ka istemal kiya gaya hai.DOCTYPE tag ka use ye bhi ensure karta hai ki web browser HTML document ko sahi se interpret kar sake aur web page sahi se display ho sake. Agar DOCTYPE tag na ho to web browser ko HTML document ko sahi se interpret karne mein problem ho sakti hai aur web page sahi se display nahi ho sakta.
DOCTYPE tag ke kuch popular types hain:HTML5: <!DOCTYPE html>
HTML 4.01 Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0 Strict: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
DOCTYPE tag ka use sahi se karne se aapki web page ke display aur compatibility mein improvements hote hain aur web page sahi se render hota hai.
<HTML>
HTML (Hypertext Markup Language) tag ka use web pages ko design karne ke liye kiya jata hai. HTML tag web page ke structure ko define karte hain aur content ko markup karte hain.
HTML tag ka use content ko different types ki categories mein divide karne ke liye kiya jata hai. Har tag ki ek unique syntax hoti hai, jo tag ke type aur uske attributes par depend karti hai. Ye attributes tag ke properties ko define karte hain.
HTML tag ka use content ko different types ki categories mein divide karne ke liye kiya jata hai. Har tag ki ek unique syntax hoti hai, jo tag ke type aur uske attributes par depend karti hai. Ye attributes tag ke properties ko define karte hain.
<html> - Ye tag HTML document ka root element hota hai.
<Head>
Head tag ka use HTML document ke head section ko define karne ke liye kiya jata hai. Head section web page ke metadata jaise title, stylesheets, scripts, etc. ko define karta hai.
Head tag web page ke body section se different hota hai. Body section web page ka content define karta hai, jabki head section web page ke metadata ko define karta hai. Head section web page ke display se unrelated hota hai, lekin ye web page ke SEO aur user experience ke liye bahut important hai.
Head tag ke kuch popular tags hai:<title> - Ye tag web page ka title define karta hai. Web page ke title search engine optimization aur user experience ke liye bahut important hota hai.
<meta> - Ye tag web page ke metadata jaise description, keywords, viewport, etc. ko define karta hai.
<link> - Ye tag external resources jaise ki stylesheets, icons, fonts, etc. ko web page se link karta hai.
<script> - Ye tag JavaScript code ko web page mein include karne ke liye use kiya jata hai.
Inke alawa bhi bahut saare head tags hote hain, jo web page ke metadata ko define karte hain. Head section ka sahi se use karke aapki web page ka SEO aur user experience improve ho sakta hai.
Title tag ka use HTML document ke title ko specify karne ke liye kiya jata hai. Title tag HTML document ke head section mein hota hai, aur ye web browser ko batata hai ki HTML document ke title kya hai.Head tag web page ke body section se different hota hai. Body section web page ka content define karta hai, jabki head section web page ke metadata ko define karta hai. Head section web page ke display se unrelated hota hai, lekin ye web page ke SEO aur user experience ke liye bahut important hai.
Head tag ke kuch popular tags hai:<title> - Ye tag web page ka title define karta hai. Web page ke title search engine optimization aur user experience ke liye bahut important hota hai.
<meta> - Ye tag web page ke metadata jaise description, keywords, viewport, etc. ko define karta hai.
<link> - Ye tag external resources jaise ki stylesheets, icons, fonts, etc. ko web page se link karta hai.
<script> - Ye tag JavaScript code ko web page mein include karne ke liye use kiya jata hai.
Inke alawa bhi bahut saare head tags hote hain, jo web page ke metadata ko define karte hain. Head section ka sahi se use karke aapki web page ka SEO aur user experience improve ho sakta hai.
<Title>
Title tag ka use web page ki search engine optimization (SEO) aur user experience ke liye bahut important hota hai. Web page ka title search engine optimization mein ek important factor hai, aur ye search engine bots ko batata hai ki web page ke baare mein kya hai. Iske alawa web page ka title web page ko bookmark karne mein aur browser ke tabs mein differentiate karne mein bhi helpful hota hai.
Title tag ke format ke examples:<title>Web page ka title</title>
Title tag mein kuch important points hain:Title tag ka length 60-70 characters ke beech hona chahiye, taaki title search engine results mein puri dikh sake.
Title tag mein web page ke main keywords ka use hona chahiye, taaki search engine ko web page ke content ke baare mein sahi se pata chale.
Title tag mein web page ka name ho ya company ka name ho, ye depend karta hai ki web page kis purpose ke liye hai.
Title tag unique hona chahiye aur dusre web pages se alag hona chahiye.
Title tag ka use sahi se karne se aapki web page ki visibility, SEO, aur user experience mein improvements hote hain.
<Body>
"Body" tag HTML ke sabse important tag me se ek hai. Ye HTML document ka main section hota hai. Is tag ke andar HTML document ka content hota hai jise user browser me dekh sakta hai.Body tag ke andar hum HTML elements, content, images, videos, aur other media ko add karte hain, jo browser me display kiya jata hai. Ye tag aam taur par doosre HTML tags ke beech me use kiya jata hai aur website ke structure aur design ke liye bahut important hota hai.
Body tag ke andar CSS ka use karke website ka design aur layout kiya ja sakta hai. Ye tag, website ke structure ko define karne me kaafi madad karta hai. Saath hi, JavaScript ka use bhi is tag ke andar kiya ja sakta hai, jisse website ko dynamic aur interactive banaya ja sakta hai.
<H1>
"H1" tag HTML ka ek important tag hai, jiska use headings ko define karne ke liye kiya jata hai. Ye tag website ke content ke structure aur organization ke liye bahut important hota hai."H1" tag website ke sabse important heading tag me se ek hai, jise sabse bada aur prominent heading maana jata hai. Is tag ka use karke, hum webpage ke main heading ko define kar sakte hain. Is tag ka use karne se, search engine ko bhi website ke main content ko samajhne me aasani hoti hai.
"H1" tag ke alawa, HTML me "H2" se "H6" tak ke heading tags bhi hote hain, jinka use content ko sub-heading ke roop me organize karne ke liye kiya jata hai. Jaise ki "H2" tag use karke hum content ke subheading ko define kar sakte hain aur is tarah se "H3", "H4" aur "H5" tags ka use karke heading hierarchy ko maintain kar sakte hain.
"H1" tag ke andar hum text, image, link aur other media ko bhi add kar sakte hain. Saath hi, is tag ke andar CSS ka use karke, text ko format kar sakte hain, jaise font size, font color, font family, line spacing, etc.
<P>
"Paragraph" tag HTML ka ek important tag hai, jiska use text content ko organize aur format karne ke liye kiya jata hai. Ye tag block level element hai, jisse ek block me text ko wrap kiya jata hai.Jab hum kisi web page par text content add karte hain, to is tag ka use karke hum text ko paragraphs me divide kar sakte hain. Paragraph tag ka use karne se, text ko visually clear aur easy to read banaya ja sakta hai.
Paragraph tag ka use karte hue, hum text content ko format kar sakte hain jaise font size, font color, font family aur line spacing, etc. Iske alawa, hum is tag ke andar bhi other tags ka use karke, text ko aur bhi format kar sakte hain, jaise ki bold, italic, underline, hyperlink, etc.
Yah tag website ke readability aur SEO (Search Engine Optimization) ke liye bhi important hai, kyunki isse website ke content ko organize aur structure kiya ja sakta hai, jisse search engine ko website ka content samajhne me madad milti hai.
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
"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"
Comments