All posts

HTML Basics — Beginner der jonno Step-by-Step Guide

CodeShikhi 7/12/2026
Cover image for HTML Basics — Beginner der jonno Step-by-Step Guide

HTML ki, tag ki, heading-paragraph-link-image kivabe likhbe — chhoto chhoto step-e dekhano holo screenshot shohito.

HTML holo ek dhoroner "code" jeta browser-ke bole page-e ki dekhate hobe. Ei guide-e amra step-by-step shikhbo.

Step 1: HTML ki?

HTML code editor screenshot

HTML = HyperText Markup Language. Prottek ta jinis (heading, paragraph, image) ekta tag diye lekha hoy — jemon <h1>Hello</h1>.

Step 2: Heading likhte shekha

HTML-e 6 dhoroner heading ache — h1 theke h6. h1 shob theke boro, h6 shob theke chhoto.

<h1>Amar Website</h1>
<h2>About</h2>
<h3>Amar shomporke</h3>

Ekta page-e sudhu ekta h1 use korbe — SEO-r jonno bhalo.

Step 3: Paragraph & text

<p>Ei ekta paragraph. Text lekha jay etar bhitor.</p>
<p><strong>Mota text</strong> ar <em>italic text</em></p>

Step 4: Link toiri koro

Web link icon on laptop
<a href="https://codeshikhi.jrskilltoearn.com/">CodeShikhi visit koro</a>

href hocche destination URL.

Step 5: Image add koro (ALT text shohito!)

<img src="cat.jpg" alt="Ekta biral ghumacche">

Alt text khub important — screen reader shune, Google-o etar upor SEO korbe. Jei chobi thakbei alt likhbe.

Step 6: List banano

<ul>
  <li>Apple</li>
  <li>Mango</li>
  <li>Banana</li>
</ul>

ul = unordered (bullet), ol = ordered (number).

Practice project

Ekta chhoto "About Me" page banao — nijer nam (h1), chhoto description (p), ekta chobi (img alt shoho), ar 3ta favorite website er link (a). Try kore CodeShikhi-r components theke design copy koro!

#html#beginner#web development