DEV Community: Karthick (k)

Core Concepts of HTML

Karthick (k) — Fri, 15 May 2026 08:52:04 +0000

15-05-2026

border collapse function? The border-collapse CSS property sets whether cells inside a
have shared or separate borders. Using border-collapse can help to create the visual lines you desire in a table layout.
2.Css Box-shadow property
```
The CSS Box-shadow property is used to add a shadow effect to the edges of an element. You can apply multiple shadows by separating them with commas.
```
Referenced by:https://www.geeksforgeeks.org/css/css-box-shadow-property/

Core Concepts of HTML

Karthick (k) — Thu, 14 May 2026 12:56:36 +0000

14-05-2026

What is a container in HTML?
In HTML, a container tag is a type of tag that requires both an opening part and a closing part to enclose content or another element.s
What is Semantic HTML? why?
Semantic HTML is a way of tagging some HTML tags to add more semantic meaning to the content, instead of a simple "Div" soup Structure. This approach also makes the website easier to navigate and better for SEO.
Class selectors
class selector matches elements based on the contents of their class attribute.
Element Selectors
target all instances of a specific HTML tag.
What is VW (viewport width)?
The VW unit is relative to 1% of the viewport width, making it useful for setting sizes based on the browser window width.
What is VH(viewport hight)?
The vh unit is relative to 1% of the viewport's height, making it useful for setting sizes based on the browser window's height.
CSS Grid Layout?
CSS Grid Layout is a powerful, two-dimensional layout system that allows you to create complex web designs by organising content into rows and columns simultaneously
@ai Overview

Day-3___ 13-05-2025

Karthick (k) — Wed, 13 May 2026 10:59:09 +0000

What is external CSS?
External CSS is a method of styling web documents by placing all style rules into a separate file with a .css extension.
What is the difference between an inline element and decline element ?

Block elements: They consume the entire width available irrespective of their sufficiency. They always start in a new line and have top and bottom margins. It does not contain any other elements next to it.

Inline elements: Inline elements occupy only enough width that is sufficient to it and allow other elements next to it which are also inline. Inline elements don't start from a new line and don't have top and bottom margins as block elements have.

Day-2 ____ 12-05-2026

Karthick (k) — Wed, 13 May 2026 10:50:52 +0000

*HTML-HyperText Markup Language
*

What is markup language?
The system for annotating a document with tags or symbols to define its structure, formatting, and presentation for computer interpretation.
What is an element?
An HTML element is a fundamental building block of a webpage that defines its structure of content
What is metadata?
Metadata is information about an HTML document that describes its content, structure, and behaviour, but is not displayed on the webpage itself.
*Where is metadata located?
All metadata must be placed inside the
element of the HTML document.
What isan IDE?
IDE is an Integrated Development Environment, a specialised software application that provides all the essential tools for writing, testing and debugging code in one place
What is extension?

extension methods (adding logic to existing types), file extensions (indicating the language a file is written in, or IDE extensions(adding features to a code editor).

What is the difference between a tag and an element in HTML

A Tag is the code you write to make up text, while an element is the complete unit consisting of those tags and the content inside.

What attribute in HTML?

In HTML, an attribute is a modifier of an HTML element that provides additional information about it.

What is Linux ? 1. Linux is free and open source,accessible to everyone 2. This promotes global collaboration and innovation.

Karthick (k) — Mon, 11 May 2026 12:21:10 +0000