HTML-webpage

Welcome to my first HTML Webpage!

The index.html file is the main file for the webpage.

The file includes all implementations of HTML basics, following is a list of all implemented concepts. The webpage has a visual illustration of the concepts.

Following is the list of concepts implemented:

• Head and Body Tag
• Headings, Paragraphs and Text
• Heading structure
• Default Browser styles (types of headers, styles of text)
• Img tag
• Links
• Lists
• HR and BR tags
• div Tag
• ID
• Classes

Extra implementations - Additionally, I have added few more implementations:

1. Adding CSS to HTML - This can be done in 3 ways:

• Inline Styling (using style attribute)
• Internal Styling - by including the <style> tag in the head of the HTML file
• External Styling - by creating a separate stylesheet and linking it to the HTML file using the attribute in the head of the document

All three methods have been implemented in the file.

2. Adding Javascript to HTML - This can be done in 3 ways:

• Using the <script> tag
• Inline (using script attribute)
• Externally create a .js file and and link it to the head or the body

All three methods have been implemented in the file.

I have also created a fruit selling website, for an intuitive understanding of the concepts.

Guidelines to use the repo:

• Cloning the Repository:

    git clone https://github.com/Rusali28/HTML-webpage.git
  

• Entering the directory:

    cd HTML-webpage
  

• Running the html file:

    * Open index.html on your IDE
    * right click to select View-In-File-Explorer
    * open the chrome file from your file explorer to view the webpage
    (I have used VS Code as my IDE)
  

Demonstration