🚀 Complete HTML Practice Checklist
এই চেকলিস্টে HTML এর বেসিক থেকে দরকারি টপিকগুলো সাজানো আছে। নিয়মিত প্র্যাকটিস করলে আপনার বেসিক শক্ত হবে এবং মোটামুটি লেভেলের ওয়েবপেজ তৈরি করার মতো প্রস্তুতি নিতে পারবেন।।
0
Completed
0
Total Items
0
Sections Done
0%
Progress
1
Basic Structure
0/5
HTML Boilerplate লিখে Practice করা
<!DOCTYPE html> ব্যবহার<html>, <head>, <body> এর সঠিক ব্যবহারTitle যোগ করা
Meta tag (charset, viewport, description)
2
Text & Content Tags
0/6
Headings (
<h1> – <h6>)Paragraph (
<p>)Line Break (
<br>) & Horizontal Rule (<hr>)Text Formatting (
<b>, <strong>, <i>, <em>, <u>, <mark>, <small>, <del>, <ins>, <sup>, <sub>)Quote & Citation (
<blockquote>, <q>, <cite>)Code (
<code>, <pre>, <kbd>)3
Links & Navigation
0/5
Anchor tag (
<a href="">)Internal vs External Links
Open link in new tab (
target="_blank")Email, Phone link তৈরি করা
Bookmark link (
#id)4
Lists
0/4
Ordered List (
<ol>, <li>)Unordered List (
<ul>, <li>)Nested List
Description List (
<dl>, <dt>, <dd>)5
Images & Multimedia
0/7
Image যোগ করা (
<img>)Image attributes: alt, title, width, height
Responsive image ব্যবহার
<figure> & <figcaption>Audio Embed করা (
<audio>)Video Embed করা (
<video>)YouTube Video Embed
6
Tables
0/5
Basic Table (
<table>, <tr>, <td>, <th>)Table Caption
Table Borders & Cellspacing
rowspan, colspan
<thead>, <tbody>, <tfoot>7
Forms & User Input
0/8
Basic Form তৈরি করা
Input types: text, password, email, number, date, color, file, checkbox, radio
<textarea><select>, <option>, <optgroup><button> বনাম <input type="submit">Form Attributes: action, method, name, id, value, placeholder, required
Label ব্যবহার করা
Fieldset & Legend
8
Semantic HTML
0/3
<header>, <nav>, <main>, <section>, <article>, <aside>, <footer><time>, <address>, <abbr>, <details>, <summary>Accessibility attributes (aria-label ইত্যাদি)
9
Media & Embeds
0/4
<iframe> দিয়ে Google Map EmbedSocial Media Posts Embed
<canvas> এবং <svg> দিয়ে কাজ করাFavicon যোগ করা
10
Advanced Attributes & Best Practices
0/6
Global Attributes: class, id, title, style, lang, tabindex, hidden
Data Attributes (
data-*)HTML Entities (©, <, > etc.)
SEO Friendly Tags (Meta description, alt attributes)
Open Graph (Facebook, LinkedIn Share Optimization)
HTML5 Validation
🎉 অভিনন্দন!
আপনি HTML Practice Checklist সম্পূর্ণ করেছেন!
এখন আপনি HTML Expert! 🚀