HTML Course for Beginners
From A to Z
Learn how to build web pages step by step. Every lesson has a heading, a sub heading, a simple description and a small example you can preview instantly.
🌐Section 1: Introduction to HTMLUnderstand what HTML is, how websites work and write your very first page.Beginner
1.1 What is HTML?
HTML (HyperText Markup Language) is the standard language used to describe the structure and content of a web page. It is made of elements written with tags.
<h1>Hello, World!</h1>
<p>This is my first web page.</p>1.2 How the Web Works
When you type a web address, your browser (client) asks a server for files. The server replies with HTML, CSS and JavaScript, and the browser displays them.
<!-- Browser flow -->
<!-- 1. You type example.com -->
<!-- 2. Server sends index.html -->
<!-- 3. Browser renders the page -->
<p>Rendered by your browser</p>1.3 Tools You Need
All you need is a text editor (VS Code, Notepad++) and a browser (Chrome, Firefox). Save files with the .html extension and open them in the browser.
<!-- Save as index.html, double-click to open -->
<p>Edit, save, refresh!</p>1.4 Tags, Elements and Attributes
A tag is written in angle brackets. An element is the opening tag, content and closing tag together. Attributes add extra information to the opening tag.
<a href="https://example.com" title="Visit">Click me</a>
<!-- a = tag, href = attribute, text = content -->🧱Section 2: Document StructureEvery HTML page follows the same skeleton. Learn each part and what it does.Beginner
2.1 The Basic Skeleton
The doctype tells the browser to use modern HTML5. The html element wraps everything, head holds information about the page, and body holds what people see.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Page</title>
</head>
<body>
<h1>Welcome</h1>
</body>
</html>2.2 The Head Section
Inside head you place the page title, character set, viewport for mobile devices, description for search engines and links to CSS files.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Learn HTML">
<title>Learn HTML</title>
</head>2.3 Comments
Comments are notes for humans. The browser ignores them. Use them to explain code or temporarily hide a line.
<!-- This is a comment -->
<p>Visible text</p>
<!-- <p>Hidden text</p> -->2.4 Nesting and Indentation
Elements can sit inside other elements. Always close the inner element before the outer one and indent to keep code readable.
<ul>
<li>
<strong>Nested</strong> element
</li>
</ul>✍️Section 3: Text and TypographyHeadings, paragraphs and formatting tags that give meaning and style to text.Beginner
3.1 Headings h1 to h6
Headings create an outline. Use one h1 per page for the main title, then h2 to h6 for sub levels.
<h1>Main Title</h1>
<h2>Section</h2>
<h3>Sub section</h3>3.2 Paragraphs, Line Breaks and Rules
p creates a paragraph, br forces a new line and hr draws a horizontal divider.
<p>First paragraph.</p>
<p>Line one<br>Line two</p>
<hr>
<p>After the line.</p>3.3 Text Formatting
Use strong for important text, em for emphasis, mark to highlight, small for fine print, sub and sup for scripts.
<p><strong>Bold</strong>, <em>italic</em>, <mark>marked</mark></p>
<p>H<sub>2</sub>O and x<sup>2</sup></p>3.4 Quotes and Code
blockquote is for long quotes, q for short inline quotes, code for computer code and pre keeps spaces and line breaks.
<blockquote>Practice makes perfect.</blockquote>
<p>He said <q>hello</q>.</p>
<pre><code>let x = 5;</code></pre>3.5 Special Characters (Entities)
Some symbols have special meaning in HTML. Use entities to show them as text.
<p>5 < 10 & 10 > 5</p>
<p>© 2026 My Site</p>🔗Section 4: Links and ImagesConnect pages together and add pictures to your site.Beginner
4.1 Hyperlinks
The a (anchor) element creates a link. The href attribute holds the destination. Use target="_blank" to open in a new tab.
<a href="https://example.com" target="_blank" rel="noopener">Visit Example</a>4.2 Absolute and Relative Paths
An absolute path is a full URL. A relative path points to a file near the current page.
<a href="https://example.com/page.html">Absolute</a>
<a href="about.html">Same folder</a>
<a href="pages/contact.html">Sub folder</a>4.3 Page Anchors and Email Links
Link to a place on the same page using an id. Use mailto: and tel: for email and phone links.
<a href="#bottom">Jump down</a>
<a href="mailto:hi@example.com">Email us</a>
<a href="tel:+94112345678">Call us</a>
<h2 id="bottom">Bottom</h2>4.4 Images
The img element shows a picture. src is the file, alt describes it for screen readers and when the image fails to load.
<img src="https://picsum.photos/200/120" alt="Random sample" width="200" height="120">4.5 Figure and Caption
figure groups an image with a caption using figcaption.
<figure>
<img src="https://picsum.photos/200/120" alt="Sample">
<figcaption>A sample photo</figcaption>
</figure>📋Section 5: ListsOrganise related items as bullet points, numbered steps or term definitions.Beginner
5.1 Unordered Lists
Use ul with li items for bullet lists where order does not matter.
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Mango</li>
</ul>5.2 Ordered Lists
Use ol for numbered steps. The type and start attributes change the numbering style.
<ol>
<li>Open editor</li>
<li>Write code</li>
<li>Save file</li>
</ol>5.3 Description Lists
dl pairs terms (dt) with their descriptions (dd). Good for glossaries and FAQs.
<dl>
<dt>HTML</dt>
<dd>Structure of a web page</dd>
<dt>CSS</dt>
<dd>Style of a web page</dd>
</dl>5.4 Nested Lists
Place a list inside an li to build sub levels like menus.
<ul>
<li>Fruits
<ul>
<li>Apple</li>
<li>Orange</li>
</ul>
</li>
<li>Vegetables</li>
</ul>📊Section 6: TablesDisplay data in rows and columns.Beginner
6.1 Basic Table
table holds the grid, tr is a row, th a header cell and td a data cell.
<table border="1">
<tr><th>Name</th><th>Age</th></tr>
<tr><td>Nimal</td><td>20</td></tr>
<tr><td>Kamala</td><td>22</td></tr>
</table>6.2 Table Sections
Use thead, tbody and tfoot to group rows and make tables easier to style and read.
<table border="1">
<thead><tr><th>Item</th><th>Price</th></tr></thead>
<tbody><tr><td>Pen</td><td>50</td></tr></tbody>
<tfoot><tr><td>Total</td><td>50</td></tr></tfoot>
</table>6.3 Merging Cells
colspan merges columns and rowspan merges rows.
<table border="1">
<tr><th colspan="2">Student</th></tr>
<tr><td>Name</td><td>Age</td></tr>
</table>6.4 Caption
caption gives the table a visible title.
<table border="1">
<caption>Marks</caption>
<tr><td>Maths</td><td>90</td></tr>
</table>📝Section 7: Forms and InputsCollect information from visitors using form controls.Intermediate
7.1 The Form Element
form wraps all controls. action says where to send data and method says how (GET or POST).
<form action="/submit" method="post">
<input type="text" name="user">
<button type="submit">Send</button>
</form>7.2 Input Types
The type attribute changes the control: text, email, password, number, date, color, range, checkbox, radio, file and more.
<input type="email" placeholder="you@mail.com">
<input type="password" placeholder="Password">
<input type="number" min="1" max="10">
<input type="date">
<input type="color">7.3 Labels
label connects text to a control so clicking the text focuses the field. This also helps screen readers.
<label for="nm">Name:</label>
<input id="nm" type="text">7.4 Checkbox, Radio and Select
Checkboxes allow many choices, radio buttons allow one, and select creates a dropdown list.
<label><input type="checkbox"> I agree</label><br>
<label><input type="radio" name="g"> Male</label>
<label><input type="radio" name="g"> Female</label><br>
<select>
<option>Colombo</option>
<option>Kandy</option>
</select>7.5 Textarea and Buttons
textarea is for long text. button triggers actions: submit, reset or a custom script.
<textarea rows="3" cols="30" placeholder="Message"></textarea><br>
<button type="submit">Send</button>
<button type="reset">Clear</button>7.6 Built-in Validation
Attributes like required, minlength, maxlength, pattern and min/max let the browser check input before sending.
<form>
<input type="text" required minlength="3" placeholder="At least 3 letters">
<button>Submit</button>
</form>🏛️Section 8: Semantic HTMLUse meaningful tags so browsers, search engines and screen readers understand your page.Intermediate
8.1 Page Layout Tags
header, nav, main, section, article, aside and footer describe the role of each block instead of using generic div tags.
<header>Site title</header>
<nav>Menu</nav>
<main>
<article>Post</article>
<aside>Sidebar</aside>
</main>
<footer>Copyright</footer>8.2 Section vs Article vs Div
Use section for a themed group, article for content that stands alone, and div only when no other tag fits.
<section>
<h2>Latest News</h2>
<article><h3>Story 1</h3><p>Text</p></article>
</section>8.3 Other Useful Semantic Tags
time marks dates, address marks contact details, details/summary makes a built-in toggle.
<time datetime="2026-10-27">27 Oct 2026</time>
<details>
<summary>More info</summary>
<p>Hidden text appears here.</p>
</details>🎬Section 9: Audio, Video and EmbedsAdd rich media directly to your pages.Intermediate
9.1 Audio
audio plays sound. The controls attribute shows play and pause buttons.
<audio controls>
<source src="song.mp3" type="audio/mpeg">
Your browser does not support audio.
</audio>9.2 Video
video plays movies. Use poster for a preview image and width to set size.
<video controls width="320">
<source src="movie.mp4" type="video/mp4">
Your browser does not support video.
</video>9.3 Iframe Embeds
iframe shows another page inside yours, such as a map or a YouTube video.
<iframe src="https://www.openstreetmap.org/export/embed.html" width="300" height="200" title="Map"></iframe>9.4 SVG and Canvas
svg draws sharp vector shapes and canvas draws pixels with JavaScript.
<svg width="120" height="120">
<circle cx="60" cy="60" r="50" fill="tomato"></circle>
</svg>🏷️Section 10: Attributes and Global AttributesAttributes configure elements. Global ones work on every tag.Intermediate
10.1 id and class
id must be unique and names one element. class can be reused on many elements. Both are used by CSS and JavaScript.
<p id="intro" class="note big">Hello</p>
<p class="note">Another note</p>10.2 style, title and lang
style adds quick inline CSS, title shows a tooltip, lang tells browsers the language.
<p style="color:green" title="Tooltip text" lang="en">Hover me</p>10.3 data-* Attributes
Custom data attributes store extra information for JavaScript.
<button data-user="42" data-role="admin">Profile</button>10.4 hidden, contenteditable and tabindex
hidden hides an element, contenteditable lets users edit text and tabindex controls keyboard order.
<p contenteditable="true">Click and type here</p>
<p hidden>You cannot see me</p>🎨Section 11: CSS Basics for HTMLMake your page beautiful with Cascading Style Sheets.Intermediate
11.1 Three Ways to Add CSS
Inline CSS goes in a style attribute, internal CSS goes in a style tag and external CSS goes in a separate .css file linked from head.
<style>
p { color: crimson; font-size: 20px; }
</style>
<p>Styled text</p>11.2 Selectors
A selector chooses elements: tag name, .class, #id or combinations.
<style>
h2 { color: teal; }
.hi { background: yellow; }
#one { font-weight: bold; }
</style>
<h2>Title</h2>
<p class="hi">Class</p>
<p id="one">Id</p>11.3 Colors, Fonts and Text
Control color, background, font-family, font-size, text-align and more.
<style>
.card { background:#eef; color:#223; font-family:Georgia; text-align:center; padding:10px; }
</style>
<div class="card">Nice card</div>11.4 The Box Model
Every element is a box: content, padding, border and margin.
<style>
.box { padding:15px; border:3px solid navy; margin:10px; }
</style>
<div class="box">Box model</div>11.5 Hover and Transitions
Pseudo classes like :hover react to the mouse and transition makes changes smooth.
<style>
button { background:#4f46e5; color:#fff; border:0; padding:10px 18px; border-radius:8px; transition:.3s; }
button:hover { background:#06b6d4; }
</style>
<button>Hover me</button>📐Section 12: Layout and Responsive DesignArrange content and make pages work on phones, tablets and desktops.Intermediate
12.1 Flexbox
display:flex lines items up in a row or column and makes spacing easy.
<style>
.row { display:flex; gap:10px; justify-content:space-between; }
.row div { background:#c7d2fe; padding:12px; }
</style>
<div class="row"><div>1</div><div>2</div><div>3</div></div>12.2 CSS Grid
display:grid builds two dimensional layouts with rows and columns.
<style>
.g { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.g div { background:#bbf7d0; padding:14px; text-align:center; }
</style>
<div class="g"><div>A</div><div>B</div><div>C</div><div>D</div><div>E</div><div>F</div></div>12.3 The Viewport Meta Tag
This tag in head makes your page scale correctly on mobile screens.
<meta name="viewport" content="width=device-width, initial-scale=1">12.4 Media Queries
Apply different styles depending on screen width.
<style>
.t { background:#fde68a; padding:12px; }
@media (max-width:600px) { .t { background:#fecaca; } }
</style>
<div class="t">Resize the window</div>12.5 Responsive Images
Use max-width:100% so images never overflow their container.
<style>img { max-width:100%; height:auto; }</style>
<img src="https://picsum.photos/600/200" alt="Responsive sample">♿Section 13: Accessibility and SEOBuild pages everyone can use and search engines can understand.Intermediate
13.1 Alt Text and Labels
Describe every meaningful image with alt and connect labels to fields so assistive technology can read your page.
<img src="cat.jpg" alt="A grey cat sleeping on a sofa">13.2 ARIA Basics
ARIA attributes add extra meaning when native HTML is not enough, for example aria-label on an icon button.
<button aria-label="Close menu">✕</button>13.3 Keyboard and Contrast
Make sure everything works with the Tab key and keep strong contrast between text and background.
<a href="#main" style="color:#0b3d91">Skip to content</a>13.4 SEO Essentials
Use a clear title, a meta description, one h1, semantic tags and descriptive link text.
<title>HTML Course for Beginners</title>
<meta name="description" content="Learn HTML step by step.">⚡Section 14: HTML with JavaScriptAdd behaviour and interaction to your pages.Advanced
14.1 The script Tag
Place JavaScript inside script, ideally at the end of body or in an external file.
<p id="msg">Before</p>
<script>
document.getElementById('msg').textContent = 'After';
</script>14.2 Events
Events such as click, input and submit let your code react to the user.
<button onclick="alert('Hello!')">Click me</button>14.3 Changing the Page (DOM)
The DOM is a tree of your elements. JavaScript can read and change it.
<button id="b">Change color</button>
<p id="t">Text</p>
<script>
document.getElementById('b').onclick = function(){
document.getElementById('t').style.color = 'red';
};
</script>14.4 Web Storage
localStorage saves small amounts of data in the visitor's browser.
<script>
localStorage.setItem('name', 'Nimal');
document.write(localStorage.getItem('name'));
</script>🚀Section 15: Best Practices and PublishingWrite clean code and put your site online.Advanced
15.1 Clean Code Habits
Use lowercase tags, quote attributes, indent consistently, choose meaningful class names and keep files organised.
<!-- Good -->
<img src="logo.png" alt="Company logo">
<!-- Avoid -->
<IMG SRC=logo.png>15.2 Validate Your HTML
Run your page through the W3C Markup Validator to catch mistakes early.
<!-- Visit validator.w3.org and paste your code -->
<p>Valid HTML is happy HTML</p>15.3 Publishing Options
Free hosts like GitHub Pages, Netlify and Blogger let you publish. On Blogger paste your code in HTML view of a post or page.
<!-- Blogger: New Post > HTML view > paste > Publish -->
<p>My first published page</p>15.4 Performance Tips
Compress images, use width and height on img, load scripts at the end and avoid heavy unused code.
<img src="photo.jpg" alt="Photo" width="400" height="300" loading="lazy">🧪Section 16: Mini Project: Personal Profile PageCombine everything you learned to build a complete page.Project
16.1 Step 1: Structure
Start with the skeleton and semantic sections for header, about, skills and contact.
<header><h1>Nimal Perera</h1><p>Web Learner</p></header>
<main>
<section><h2>About</h2><p>I love building websites.</p></section>
</main>16.2 Step 2: Content
Add a skills list, an image and a contact link.
<section>
<h2>Skills</h2>
<ul><li>HTML</li><li>CSS</li><li>JavaScript</li></ul>
<a href="mailto:me@example.com">Contact me</a>
</section>16.3 Step 3: Style It
Add colors, spacing and a card style to make it attractive.
<style>
body { font-family:sans-serif; background:#f1f5f9; }
section { background:#fff; margin:12px; padding:16px; border-radius:12px; }
h1 { color:#4f46e5; }
</style>
<h1>My Profile</h1>
<section>Looks good!</section>16.4 Step 4: Publish
Test on a phone, validate the code and publish it online.
<!-- Checklist -->
<!-- [x] Viewport tag [x] Alt text [x] Valid HTML [x] Published -->
<p>Congratulations, you built a website!</p>🔤Section 17: A to Z Glossary26 key terms every beginner should know, from Attribute to z-index.Reference
| Letter | Term | Meaning |
|---|---|---|
| A | Attribute | Extra information inside a tag, like href or src. |
| B | Block element | An element that starts on a new line and takes full width, e.g. div, p. |
| C | Class | A reusable label used to style or select elements. |
| D | DOM | Document Object Model, the tree of elements JavaScript can change. |
| E | Element | A complete unit: opening tag, content and closing tag. |
| F | Flexbox | A CSS layout system for rows and columns. |
| G | Grid | A CSS system for two dimensional layouts. |
| H | Head | The part of the page holding information not shown directly. |
| I | Inline element | An element that sits within a line of text, e.g. span, a. |
| J | JavaScript | The language that adds behaviour to web pages. |
| K | Keyword (meta) | Short words describing page topic, mostly ignored by modern search engines. |
| L | Label | Text linked to a form control. |
| M | Meta tag | Information about the page such as charset and description. |
| N | Nesting | Placing elements inside other elements. |
| O | Ordered list | A numbered list made with ol. |
| P | Path | The location of a file, relative or absolute. |
| Q | Query string | Data added to a URL after a question mark. |
| R | Responsive | Layout that adapts to any screen size. |
| S | Semantic tag | A tag whose name describes its meaning, e.g. footer. |
| T | Tag | Code in angle brackets that marks an element. |
| U | URL | The web address of a resource. |
| V | Viewport | The visible area of a page in the browser. |
| W | W3C | The organisation that sets web standards. |
| X | XHTML | A stricter XML based version of HTML. |
| Y | YouTube embed | Using iframe to show a YouTube video on your page. |
| Z | z-index | A CSS property controlling which element appears on top. |
Detailed explanations for each lesson coming soon. Keep learning!
Online ICT Classes in Sri Lanka – O/L, A/L, Cambridge, Edexcel, Python, Web Development & Digital Marketing
Island-wide online classes and home-visit classes in English, Sinhala (සිංහල) and Tamil (தமிழ்) – for school students, university students, BIT / BSc / IT final-year project students, beginners and business owners.
💬 WhatsApp Us Now ▶ Watch Free TutorialsWhat is ITClassSL? ITClassSL is a Sri Lankan ICT training service offering online and home-visit classes for G.C.E. O/L ICT, G.C.E. A/L ICT, Cambridge IGCSE / A Level, Pearson Edexcel, Python, Java, PHP & MySQL, web design, Microsoft Office, university and BIT final-year project guidance, and digital marketing. Classes run in English, Sinhala and Tamil, as individual or group sessions, anywhere in Sri Lanka. Contact: WhatsApp +94 72 962 2034 · itclasssl@gmail.com.
🚀 Learn Today. Build Tomorrow.
Looking for ICT classes in Sri Lanka, online ICT tuition, A/L ICT online class, computer classes near me or BIT project help? We provide practical, exam-focused and career-focused IT training with past papers, model papers, step-by-step coding and one-to-one support.
💡 Our ICT Training & Services in Sri Lanka
🏫 School ICT Classes (Grade 1 – 13)
Online and home-visit ICT lessons for Sri Lankan school students.
- G.C.E. O/L ICT (සාමාන්ය පෙළ ICT / சாதாரண தர ICT)
- G.C.E. A/L ICT (උසස් පෙළ ICT / உயர்தர ICT)
- GIT (General Information Technology)
- Term test papers, past papers & revision
🤖 Programming & AI
Learn to code from zero to project level.
- Python, C, Java, PHP, JavaScript
- HTML, CSS, jQuery & AJAX
- AI & machine-learning basics
- Problem solving & algorithms
🎓 University & Final-Year Project Guidance
Technical guidance for BIT, BSc, IT and ICT students.
- BIT / UCSC / UoM final-year projects
- PHP & MySQL, Python, Java projects
- Project ideas, proposal & documentation
- System design & database design
🌐 Web Design & Development
Websites and database-driven applications for individuals and businesses.
- Website design & development
- WordPress & Blogger
- PHP & MySQL web applications
- Website SEO & maintenance
📢 Digital Marketing
Grow your brand online in the Sri Lankan market.
- Facebook page & Facebook Ads
- Instagram, Reels, TikTok & YouTube
- SEO & content creation
- LinkedIn branding & campaign planning
💻 Computer & IT Skills
Essential computer skills from beginner to advanced.
- Computer fundamentals
- MS Word, Excel & PowerPoint
- Excel formulas & macros
- Oracle / MySQL / MS SQL, AWS, Linux
🗣️ English · සිංහල · தமிழ் – Classes in Your Language
English
Online ICT classes in Sri Lanka, A/L ICT online class, O/L ICT tuition, computer classes, Python classes, web design course, BIT project guidance, digital marketing course Sri Lanka, home visit ICT teacher, Cambridge & Edexcel ICT / Computer Science.
සිංහල
ශ්රී ලංකාවේ ඔන්ලයින් ICT පන්ති, උසස් පෙළ ICT ඔන්ලයින් පන්ති, සාමාන්ය පෙළ ICT පන්ති, පරිගණක පන්ති, පයිතන් (Python) ප්රෝග්රැමින් පන්ති, වෙබ් අඩවි නිර්මාණය, විශ්වවිද්යාල අවසන් වසර ව්යාපෘති මාර්ගෝපදේශනය, ඩිජිටල් මාකටින් පාඨමාලාව, නිවසට පැමිණ උගන්වන ICT ගුරුවරයා.
தமிழ்
இலங்கையில் ஆன்லைன் ICT வகுப்புகள், உயர்தர ICT ஆன்லைன் வகுப்பு, சாதாரண தர ICT வகுப்பு, கணினி வகுப்புகள், பைதான் (Python) நிரலாக்க வகுப்பு, இணையதள வடிவமைப்பு, பல்கலைக்கழக இறுதியாண்டு திட்ட வழிகாட்டல், டிஜிட்டல் மார்க்கெட்டிங் பயிற்சி, வீட்டிற்கு வந்து கற்பிக்கும் ICT ஆசிரியர்.
📚 Learn With Your Curriculum
Sri Lankan local syllabus, Pearson Edexcel and Cambridge programmes – ICT and Computer Science.
🇱🇰 Sri Lankan Local Curriculum
- Grade 1 – Grade 11 ICT
- G.C.E. O/L ICT · සා/පෙළ ICT · சா/த ICT
- G.C.E. A/L ICT · උ/පෙළ ICT · உ/த ICT
- GIT classes
- Term test preparation, model papers & notes
- English / Sinhala / Tamil medium
📘 Pearson Edexcel
- iPrimary Computing
- iLowerSecondary Computing
- International GCSE ICT
- International GCSE Computer Science
- International A Level IT
- International A Level Computer Science
📗 Cambridge
- Cambridge Primary & Lower Secondary Computing
- Cambridge IGCSE ICT
- Cambridge IGCSE Computer Science
- Cambridge O Level Computer Science
- AS & A Level IT
- AS & A Level Computer Science
💻 Programming & Software Development Classes
🎓 BIT, BSc & University Final-Year IT Project Guidance
🧑💻 Project Development
- BIT / BSc / IT / ICT projects
- PHP & MySQL projects
- Python & Java projects
- Web application & database projects
📄 Documentation & Practical
- Project ideas & proposals
- System architecture & database design
- Assignment guidance
- Technical documentation & viva preparation
🧠 AI & Smart Applications
- AI application concepts
- Machine-learning modules
- Automation applications
- Step-by-step coding support
📊 Database, Cloud & IT Professional Training
📱 Digital Marketing & Social Media Training (ඩිජිටල් මාකටින් · டிஜிட்டல் மார்க்கெட்டிங்)
🖥️ Microsoft Office & Digital Skills (පරිගණක පන්ති · கணினி வகுப்புகள்)
🧭 How to Join – 4 Simple Steps
- Message us on WhatsApp – tell us your grade / course, medium (English, Sinhala or Tamil) and your goal.
- Choose your format – online class (island-wide), home-visit class, individual or small group.
- Get your plan – schedule, syllabus coverage, notes, past papers or project roadmap.
- Start learning – live practical sessions with support between classes.
⭐ Why Join Our ICT Classes?
Study from anywhere in Sri Lanka or at home.
One-to-one or small group classes.
Learn in the medium you are comfortable with.
O/L, A/L, Cambridge, Edexcel, BIT, BSc.
Exam-focused practice and revision.
Build real programs, websites and projects.
❓ Frequently Asked Questions – ICT Classes in Sri Lanka
Do you conduct online ICT classes for O/L and A/L students in Sri Lanka?
Yes. We conduct online ICT classes for G.C.E. O/L and A/L students island-wide, and also offer home-visit individual classes. Classes cover the syllabus, past papers, model papers and revision.
Which languages are the classes taught in? (සිංහල / தமிழ் / English)
Classes are available in English, Sinhala and Tamil medium. / පන්ති ඉංග්රීසි, සිංහල සහ දෙමළ මාධ්යයෙන් පවතී. / வகுப்புகள் ஆங்கிலம், சிங்களம் மற்றும் தமிழ் மொழிகளில் நடைபெறும்.
Do you teach Cambridge and Pearson Edexcel ICT and Computer Science?
Yes. We support Cambridge Primary to A Level and Pearson Edexcel iPrimary to International A Level, including IGCSE ICT, IGCSE Computer Science and O Level Computer Science.
Can you help with BIT, BSc or IT final-year projects?
Yes. We give technical guidance on project ideas, system design, database design, PHP & MySQL, Python and Java development, and documentation for BIT, BSc, IT and ICT students.
Can I learn Python, PHP, web design or digital marketing as a complete beginner?
Yes. Courses start from absolute beginner level and move step by step to practical projects. No previous experience is needed.
What are the class fees and schedules?
Fees and timetables depend on the subject, grade and whether you choose individual or group classes. Message us on WhatsApp (+94 72 962 2034) for current details.
How can I contact ITClassSL?
WhatsApp or call +94 72 962 2034, email itclasssl@gmail.com, or message us on Facebook and the other platforms listed below.
📞 Ready to Start Learning?
Book your online ICT class or ask about programming courses, university project guidance and digital marketing training.
📱 Call / WhatsApp: +94 72 962 2034
📧 Email: itclasssl@gmail.com
💻 Skype: ITClassSL
💬 Contact Us on WhatsApp🌐 Our Online Learning Platforms
Tutorials, notes, project guides and learning resources.
ICT & programming videos 💬 WhatsApp Community
Join our learning community ✍️ ICT Blog
Computer classes and tutorials 📰 WordPress
Notes and learning resources 📘 Facebook
Follow our official page 🌐 Wix Website
Our training services 💻 eTeacher Website
Online learning platform 📝 Medium
Technology articles ❓ Quora
Project guidance and Q&A 🎓 Strikingly Portfolio
University project resources 🗣️ ElaKiri Forum
Project discussion 🎵 TikTok
Short learning videos 🛒 Payhip
Digital resources 🌐 Weebly
Project and IT resources
