DEV Community: Kamalesh AR

Introduction to HTML and CSS

Kamalesh AR — Fri, 15 May 2026 02:11:07 +0000

Today i learned how to create a resume building using a HTML and CSS by uses of properties like a class selector, basics of grid and flex concepts.

Class selector:

In HTML, the class selector is a pattern used in CSS to select and style elements that have a specific class attribute. Unlike an ID, which must be unique to one element, a class can be applied to multiple elements on the same page, making it ideal for reusable styles
The CSS class selector matches elements based on the contents of their class attribute.
The element selector selects HTML elements based on the element name.

What is grid?

The CSS grid layout module excels at dividing a page into major regions or defining the relationship in terms of size, position, and layering between parts of a control built from HTML primitives.
The Grid Layout Module offers a grid-based layout system, with rows and columns.
The Grid Layout Module allows developers to easily create complex web layouts.
The Grid Layout Module makes it easy to design a responsive layout structure, without using float or positioning.

What is flex?

In CSS, "flex" usually refers to either the Flexible Box Layout (Flexbox) module or the specific flex shorthand property used within that layout system.
The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.

Reference
class selector

Day 2: Learning HTML and CSS

Kamalesh AR — Wed, 13 May 2026 12:46:56 +0000

Today i learned about, How to create a portfolio using a HTML and CSS. In this session i learned about the a tag, href, margin and padding. And also blocklevel element, inline element and about the list.

Margin and Padding

Margin and padding are the CSS properties used for spacing in box model. Margin is used for space outside the box. Padding is used for space inside the box of the webpage.

a tag:
a tag is a anchor element using to create a hyperlink in the webpage. It connects one page to another page links to different section within the same page.
href:
href is stands for hypertext reference is an attribute used to specify the destination of a link. It is most commonly used within the anchor tag to create clickable hyperlinks.

What are inline element:

An inline element does not start on a new line.It only takes the width needed for its content.

What are block level element:

A block-level element starts on a new line and takes the full width available.

What is &copy:

&copy is a character entity used to display the copyright symbol.

Why it use:

HTML entities are used because:

Some symbols are reserved in HTML.
Ensures proper display in browsers.
Makes code more compatible.

Refered by:
google
w3schools-https://www.w3schools.com/tags/att_a_href.asp
Geeksforgeeks-https://www.geeksforgeeks.org/html/html-lists/

Day 1:Introduction to HTML Learning

Kamalesh AR — Tue, 12 May 2026 16:04:24 +0000

What is HTML

HTML is stands for hypertext markup language.
It is to create structure the content of webpage.
It consists of series of element.
It contains a tags head,body,title.
Now we uses html5 version.
Html uses browser to display the output.
It contains the meta data about the page.

What is markup language

A markup language is a language used to structure, format, and display content on webpages or documents using special tags.

Why markup language

Because tags “mark up” the text with information about structure and formatting.

Features of markup language

Uses tags.
Easy to read.
Not a programming language.
Used for webpage structure.

What is element

An HTML element is a fundamental building block of a webpage that tells a web browser how to structure and interpret a specific piece of content. It typically consists of a start tag, content, and an end tag.

opening tag.
content.
closing tag.

Type of CSS

Inline CSS:

CSS is written directly inside the HTML tag using the style attribute.

<h1 style="color:red;">Hello</h1>

Internal CSS:

CSS is written inside the tag within the HTML file.

<head>
<style>
p{
  color: blue;
}
</style>
</head>

External CSS:

CSS is written in a separate .css file and linked to HTML.

CSS

p{
  color: green;
}

Difference between tags and element

The primary difference is that a tag is a markup command used to define the start or end of a structure, while an element is the complete unit consisting of those tags and the content inside them

Introduction to Linux (OS)

Kamalesh AR — Tue, 12 May 2026 15:17:36 +0000

What is linux?

Linux is an open source operating system. It is used for developers to developing, server, cloud computing and company uses. It was created by Linux Ttorvalds in 1991. It is highly customizable and free to use. And it has become a one of the most popular operating system in technology.

Why is linux?

It is free and open source.
It is fast and lightweight.
It is secure and stable.
It is highly customizable for user.
It is excellent for programming and server.

Advantages of linux

Open source and free.
More secure.
High performance.
Stable and reliable.
Best for developers.
Strong command line.

Disadvantage of linux

Learning curve: Beginners may find difficult because many task by terminal commands.
Software compatiblity: Some software is not officially for linux.
Hardware driver issue: A few device may not have a proper linux drivers.
Gaming support: gaming support is improve but not like windows for some game.
Different distribution: too many distributions are there to confused beginners

Introduction to Linux (OS)

Kamalesh AR — Mon, 11 May 2026 15:42:05 +0000

What is linux?

Linux is an open source operating system. It is used for developers to developing, server, cloud computing and company uses. It was created by Linux Torvalds in 1991. It is highly customizable and free to use. And it has become a one of the most popular operating system in technology.

Why is linux?

It is free and open source.
It is fast and lightweight.
It is secure and stable.
It is highly customizable for user.
It is excellent for programming and server.

Advantages of linux

Open source and free.
More secure.
High performance.
Stable and reliable.
Best for developers.
Strong command line.

Disadvantage of linux

Learning curve: Beginners may find difficult because many task by terminal commands.
Software compatiblity: Some software is not officially for linux.
Hardware driver issue: A few device may not have a proper linux drivers.
Gaming support: gaming support is improve but not like windows for some game.
Different distribution: too many distributions are there to confused beginners