DAY : 5 HTML

#html #css #resume

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

DEV Community

DAY : 5 HTML

Top comments (0)