Tech Urdu

HTML Basic | HTML Editors

HTML Basic, Is baab main hum HTML ki kuch bunyadi misaalen dekhenge. Fikar na karen agar hum is baab main tags ka istaimaal karenge jo aap ne abhi tak na seekhi hon.

HTML ke Documents – HTML Basic

HTML ke saare documents zaroor <!DOCTYPE html> document type ko likhna hoga.

HTML ka document khud shuru hota hai <html> se aur khatam hota hai </html> par.

Zahri hisa jo HTML documents ka result main dikhae deta hai wo <body> aur </body> tags ke andar likha jata hai.

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph</p>

</body>
</html>

 

The <!DOCTYPE> Declaration – HTML Basic

<!DOCTYPE> is tag ko declare karna zaroori hai jo document ki type ko zahir karta hai, aur browsers ko sahi tarha se zahir karne main madad karta hai.

Is tag ko sab tags ke oopar likhna buhut zaroori hai, us ke baad hum doosri tags ka istaimaal karenge.

<!DOCTYPE> ko declare karna case sensitive nahi hai, matlab ke hum isko choti ya bari ABC main likh sakte hain.

<!DOCTYPE> declare karna HTML5 ke liye neeche diye gae tareeqe se likha jaega:

<!DOCTYPE html>

 

HTML ki Headings – HTML Basic

HTML ki headings ko zahir kiya jata hai <h1> se <h6> tags ke zariye.

<h1> zahir karta hai jo ko buhut aham aur bari heading tag. <h6> zahir karta hai choti aham heading tag: 

Example

<h1>Ye hay heading 1</h1>
<h2>Ye hay heading 2</h2>
<h3>Ye hay heading 3</h3>
<h4>Ye hay heading 4</h4>
<h5>Ye hay heading 5</h5>
<h6>Aur Ye hay heading 6</h6>

HTML Paragraphs – HTML Basic

HTML ke paragraphs ko <p> tag ke zariye zahir kiya jata hai:

Example

<p>Ye ek paragraph hai.</p>
<p>Ye ek aur paragraph hai.</p>

HTML main Links ko zahir karna – HTML Basic

HTML links ko <a> tag se zahir kiya jata hai:

Example

<a href="https://www.w3schools.com">This is a link</a>

HTML main Images zahir karna – HTML Basic

HTML images are defined with the <img> tag.

The source file (src), alternative text (alt), width, and height are provided as attributes:

Example

<img src=”w3schools.jpg” alt=”W3Schools.com” width=”104″ height=”142″>

HTML Editors

Web pages ko banane aur tabdeel karne ke liye professional HTML editors istaimaal kiye jate hain.

Aam tor pe HTML seekhne ke liye sada sa Notepad(PC) ya TextEdit (Mac) istaimaal kiya jata hai.

Uske ilawa kafi HTML editors mojood hain jin ko istaimaal kiya jata web designing ke liye, hum kuch editors ki list neeche de rahe hain.

  • Brackets
  • Atom
  • Visual Studio Code
  • Sublime Text 3
  • Notepad++
  • Vim
  • Komodo Edit
  • Froala
  • TinyMCE Editor
  • Dreamweaver

Mera pasandeeda Text Editor Visual Studio Code hai, jis main kafi khususiyat mojood hain, jin ko istaimaal karke hum buhut ache tareeqe se web designing kar sakte hain.

What is HTML?

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!