Shrikant Dhayje
shriekdj

shriekdj

Building Website from Scratch - Part 4

Building Website from Scratch - Part 4

Shrikant Dhayje's photo
Shrikant Dhayje
·Feb 11, 2022·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

  • Preface.
  • Section Addition in <body> tag.
  • Blank Style-sheet and JS ( JavaScript ) file Is Created and Linked.
  • Pull Request
  • GitHub Repo

Preface.

So Now I Made Some Changes About the Sections of HTML Page and also link blank CSS And JS ( JavaScript ) file in index.html.


Section Addition in <body> tag.

I Added Given Code in body tag after the div tag with wrapper class.

<!-- Main Section -->
<main class="main">
    Main Section
</main>

<!-- Footer Section -->
<footer class="footer">
    Footer Section
</footer>

Blank Style-sheet and JS ( JavaScript ) file Is Created and Linked.

I Created and linked the Blank file with Some New Folder.

Given Below Is Image of The Structure

File Structure of The Site

static/
  js/
    script.js
  styles/
    style.css
index.html
LICENSE
README.md

Used the ./static/styles/style.css and ./static/js/script.js type path with forward slash not backslash for future use in any Type of Operating System

Within head tag

<link rel="stylesheet" href="./static/styles/style.css">

At the Last of Body Tag

<script src="./static/js/script.js">

Pull Request


GitHub Repo

 
Share this