Forem: Vigneshwaran V

Learning HTML and CSS-3

Vigneshwaran V — Fri, 15 May 2026 20:03:57 +0000

What is table in HTML?

In HTML, a Table is a structure used to organize the data in a two-dimensional grid of rows and columns.
It specifically designed for presenting tabular data like schedules, price list, or statistics, in a way that is easy to read and compare.
It can show text, images, links, and other elements inside the table.

Sample code:

What is border collapse?

The border-collapse property in CSS determine whether table cells share a single common border or maintain separate individual borders.
It is primarily applied for table elements or elements styled with display: table;.

Key property:

collapse: Adjacent table cells merge their borders into a single shared line. This removes any space between cells and is commonly used to create a "clean" grid look.
separate: Each cell keeps its own distinct border, resulting in "double" borders where cells meet. In this mode, you can use the border-spacing property to adjust the distance between those borders.

Learning HTML and CSS-2

Vigneshwaran V — Fri, 15 May 2026 19:23:04 +0000

Today i have learned to build a resume using HTML and CSS by uses of properties like Class selector, Basics of grid and flex concepts.

Class Selector:

In CSS, a Class Selector is used to target and style multiple HTML elements that share a specific class Attribute.
Unlike id Selectors class Selectors can be applied to any number of elements on a page.
An element can have multiple classes separated by spaces, allowing you to combine different styles.
The element Selector selects HTML elements based on the element name.

What is Grid?

In CSS Grid is a powerful two-dimensional layout system that allows you to arrange content in both rows and columns simultaneously.
it provide more flexible way to build complex responsive web design compared to older methods like floats or positioning.
Grid Container:
The parent element where you apply display: grid;. this create the grid context for all its direct children.
The direct children of grid container that automatically become part of the grid layout.

Essential properties of Grid

grid-template-columns/grid-template-rows: Defines the number and size of your columns and rows.
gap: Sets the spacing between rows and columns.
fr unit: A special Fractional unit is used in CSS grid to distribute the available space within the container.

What is Flex?

In CSS Flex is a one dimensional layout model used to arrange the elements in rows or columns.
It allows items to flex by growing to fill available space or shrinking to prevent overflow, making it essential for building responsive Web Design.
Flex container: the parent element created by setting display: flex; or display: inline-flex;
Flex items: The direct children of a flex container.

Core properties of Flex Container

flex-direction: Sets the main Axis (eg: row, column, row-reverse).
justify-content: Aligns items along the main axis (eg: center, space-between).
align-items: Aligns items along the cross axis (eg: center, start).

Linux OS

Vigneshwaran V — Fri, 15 May 2026 07:41:08 +0000

What is Linux?

Linux is a free open source operating system. launched in 1991 by Linux Torvalds, it act as a secure and highly customizable alternative to Windows or macOS, it one of most popular OS used by many developers and users , and it is very light weight so it feels faster compare to other OS.

Advantages of Linux

Open Source and Free.
More Secure and Privacy.
Stable and Reliable.
Performance and Flexibility.
Best for Developer.
Support CLI and GUI.

Disadvantages of Linux

It Required to use the Command Line Interface (CLI) for Configuration or Troubleshooting.
Software incompatibility: many popular applications don't have native Linux Version.
Hardware Driver Issue: A few device may lack driver support, that device do not work out of the box.
Gaming support: Gaming support is improved but not like windows for some Game.
Fragmentation: with hundreds of different distributions finding support or consistent documentation is difficult for beginners.

Learning HTML and CSS

Vigneshwaran V — Fri, 15 May 2026 02:21:18 +0000

Today i learned something about HTML and CSS to create portfolio using HTML and CSS, so today i learned lot of tags and styles, like header, section, footer, nav, a, h1, h2, p, ul, and i have learned some styles like padding, margin, color, background-color, text-align, text-decoration, width and border-radius.

Margin and Padding

Margin and Padding are CSS properties used for spacing in Box Model.
Margin is used to provide space outside the border of the box, and padding is used to provide space in between border and content of the box.

Semantic tags

In HTML some elements that are clearly describe the their meaning to both the browser and developer. it specify what kind of content they hold inside it. today i learned some semantic tags like header, nav, section, and footer.

a tag

a tag is known as anchor element which is used to create a hyperlink that connect one page to another or jump to specific sections in the same page.
*hyperlink * is a HTML links you can click on a link and jump to another document.

href

href stands for hypertext reference is an attribute used to specify the destination of a link, without this attribute, an element cannot function as a clickable hyperlink.

Inline Elements

An inline elements are those who takes only necessary space, it takes only width needed for their content, it doesn't take 100% width, so it doesn't start from new line.

Block Level Elements

Block level elements are the elements that occupy the full width of their parent container and always start on a new line.

What is &copy:

&copy is called an HTML Entity, HTML entities are special codes used to display symbols or reserved characters in webpages.

introduction to html

Vigneshwaran V — Wed, 13 May 2026 18:23:57 +0000

What is HTML?

HTML stands for hypertext markup language.
Is the standard markup language.
It is used to create and structure the content of webpage.
the current version of HTML we use nowadays is HTML5.
HTML uses browser to display the output.
Here the browser act like a traditional compiler to show the output.
HTML file contains meta data about that page.
meta data is nothing but data about the data.
In HTML file meta data is placed inside the
element.

What is Markup Language?

A markup language is used to annotate the document with the help of tags to structure, format, and display the content of the webpage.

Why Markup language?

To define structure, layout, and format of the text and data placed inside the tags.
Here tags mark up the text with its format.

When Markup language?

Whenever we need to design the text or data of documents then we need to go with markup language to define elements like headings, links, and paragraphs for interpretation by computers or browsers.

What is Element?

Element in HTML is nothing but any data which placed inside the paired tag is known as Element.

Type of CSS

There are three main ways to use CSS in Webpage, each serves a different purpose based on how many pages you need to style.

Inline CSS: CSS written inside the tag within the HTML file.

Internal CSS: CSS written inside the element within the section of your HTML document.

External CSS: CSS written in separate .CSS file and it is linked to our HTML file inside section.

Difference between tags and elements

HTML tags are markup commands like

that tell browser how to display the contents, while elements are the complete unit consisting of start tag, content, and the end tag.