DEV Community: SATHISHKUMAR R

What is Semantic?

SATHISHKUMAR R — Wed, 30 Sep 2026 11:12:45 +0000

Semantic HTML means using HTML elements that clearly describe their meaning and purpose.
For example:

<h1>My Website</h1>

Semantic HTML Elements:

→ Defines the header of a webpage or section
→ Defines navigation links
→ Defines the main content
→ Defines a section of related content
→ Defines the footer

What is Semantic Advantages?

Advantages of Semantic HTML:

Better SEO – Search engines can understand the webpage structure more easily.
Accessibility – Screen readers can understand the content better.
Easy to maintain – The code is easier for developers to read and understand.
Clear structure – It clearly separates different parts of a webpage.
Better readability – Developers can quickly understand what each section does.

Types of CSS

SATHISHKUMAR R — Wed, 30 Sep 2026 11:09:07 +0000

Inline CSS:
CSS is written directly inside an HTML element.

Hello World
Internal CSS:
CSS is written inside the tag.</p></li> </ol> <style> p { color: red; }
1. External CSS: CSS is written in a separate .css file.

What is CSS?

SATHISHKUMAR R — Wed, 30 Sep 2026 11:06:13 +0000

CSS stands for Cascading Style Sheets.
CSS is used to style and design HTML elements on a webpage.
For Example:
Colors
Fonts
Text size
Backgrounds
Width and height
Margins and padding
Borders

What is Simple HTML?

SATHISHKUMAR R — Wed, 30 Sep 2026 11:03:43 +0000

<!DOCTYPE html>

My First Webpage

<h1>Hello, World!</h1>

<p>Welcome to my first webpage.</p>

<button>Click Me</button>

What is HTML?

SATHISHKUMAR R — Wed, 30 Sep 2026 11:02:02 +0000

HTML stands for Hyper Text Markup Language.
HTML is used to create and structure the content of a webpage.
For Example:
Headings
Paragraphs
Images
Links
Buttons
Forms
Tables
Lists

What is the CSS Box Model?

SATHISHKUMAR R — Wed, 30 Sep 2026 10:59:04 +0000

Content – The actual text, image, or other content inside the element. Padding – The space between the content and the border.
Border – The line surrounding the padding and content.
Margin – The space outside the border that separates the element from other elements.