DEV Community: SANTHOSH KUMAR

HTML5, includes approximately 145 tags.

SANTHOSH KUMAR — Fri, 15 May 2026 06:08:23 +0000

🧱 Basic Structure Tags

<html>
<head>
<title>
<body>

📄 Metadata Tags (inside <head>)

<meta>
<link>
<style>
<script>
<base>

🏷️ Text Content Tags

<h1> to <h6>   (headings)
<p>            (paragraph)
<br>           (line break)
<hr>           (horizontal line)

✍️ Text Formatting Tags

<b>    (bold)
<strong>
<i>    (italic)
<em>
<u>    (underline)
<mark> (highlight)
<small>
<del>  (deleted text)
<ins>  (inserted text)
<sub>  (subscript)
<sup>  (superscript)

📦 Grouping & Layout Tags

<div>      (block container)
<span>     (inline container)
<header>
<footer>
<section>
<article>
<aside>
<main>
<nav>

🔗 Links & Media Tags

<a>        (link)
<img>      (image)
<video>
<audio>
<source>
<iframe>

📋 List Tags

<ul>  (unordered list)
<ol>  (ordered list)
<li>  (list item)
<dl>  (description list)
<dt>  (term)
<dd>  (definition)

📊 Table Tags

<table>
<tr>   (row)
<td>   (data cell)
<th>   (header cell)
<thead>
<tbody>
<tfoot>
<caption>

📝 Form Tags

<form>
<input>
<textarea>
<button>
<select>
<option>
<label>
<fieldset>
<legend>

Example Flow of Resume Structure HTML

SANTHOSH KUMAR — Fri, 15 May 2026 06:02:59 +0000

<html> ├── head │ ├── title │ └── style │ └── body ├── header ├── section (Objective) ├── section (Education) ├── section (Skills) └── section (Projects) </html>

DAY : 5 HTML

SANTHOSH KUMAR — Fri, 15 May 2026 05:14:42 +0000

Text Tags

<h1> to <h6>

<h1>HTML</h1>

<h1>   biggest heading
<h6>   smallest heading

List Tags
<ul>

Unordered list (bullet points).

<ul>
<li>

List item.

<li>HTML</li>
Table Tags
<table>

Creates table.

<table>
<tr>

Table row.

<tr>
<th>

Table heading cell.

<th>Degree</th>

Bold and centered by default.

<td>

Table data cell.

<td>B.Sc Computer Science</td>
Line Tag
<hr>

Horizontal line.

<hr>

Used to separate sections visually.

Attributes Used
class

Used for CSS styling.

<p class="contact">
border

Adds border to table.

<table border="1">
cellpadding

Adds space inside table cells.

cellpadding="8"
width

Sets width.

width="100%"
Example Flow of Resume Structure
<html>
 ├── head
 │    ├── title
 │    └── style
 │
 └── body
      ├── header
      ├── section (Objective)
      ├── section (Education)
      ├── section (Skills)
      └── section (Projects)
</html>
Why Semantic Tags Matter

Tags like:

<header>
<section>
<article>

are called semantic tags because they describe meaning.

Benefits:

Better SEO
Easier readability
Accessibility support
Professional coding practice
Simple Resume Section Example
<section>
    <h2>Skills</h2>

    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul>
</section>

Explanation:

<section> → Creates skills area
<h2> → Section heading
<ul> → Bullet list
<li> → Each skill item

LINUX

SANTHOSH KUMAR — Wed, 13 May 2026 08:56:26 +0000

what is linux
Linux is a free and open-source operating system used in servers, laptops, mobile phones, cloud platforms, and embedded devices.

Why Linux is Popular

Free to use
Secure and stable
Fast and lightweight
Highly customizable
Widely used in companies and servers
Supports programming and cloud technologies

Popular Linux Operating system

UBUNTU
CENTOS
RED HAT ENTERPRISE LINUX
DEBIAN
KALI LINUX
FEDORA
LINUX MINT

Basic Linux Commands

pwd - Show current directory
ls - List files and folders
cd - Change directory
mkdir - Create new folder
touch - Create new file

DAY 1 : HTML

SANTHOSH KUMAR — Wed, 13 May 2026 08:01:52 +0000

HTML

HTML stands for Hypertext Markup Language.
It is used to create structure and layout of web pages.
It defines basic structure of web pages and contains meta-data about the page.
It consist of a series of elements.
We can save html files using two ways. file extension .html or .htm

META-DATA

Metadata means data about data.
It is data that provides information about other data, offering context and meaning to raw information.

ELEMENT

Each element requires starting tag and ending tag with content inside it.

MARKUP LANGUAGE

A markup language is a system of annotating a document to describe its structure and presentation.
Markup languages are used to structure, format, or define relationships between different parts of text documents with the help of tags inserted in the document.
It uses tags or codes to define elements such as headings, paragraphs, lists, images, links, and more.
More readable than usual programming. Example: HTML, XML, XHTML, SGML

FILE EXTENSION

A file extension is a suffix at the end of a computer filename.
It usually three or four letters preceded by a dot.
That identifies the file type and indicates which application should open it. Example: .pdf, .txt, .jpg, .java, .html, .css