Main Site Root Folder
Folders
CSS: This folder contains Cascading Style Sheets (CSS) files to define the visual presentation of your web pages.
Images: Store all your website images in this directory to keep your media organized and easily accessible.
Downloads: The place to store downloadable files such as PDFs, documents, or other resources.
JS: This directory is dedicated to JavaScript files, enhancing the interactivity and dynamic features of your website.
Pages
Index.html: - Home Page: The main entry point of your website, where visitors land when accessing your domain.
Aboutus.html: Explore this page to provide detailed information about your website, organization, or project.
Contact.html: A dedicated space for users to connect with you, featuring contact forms or relevant contact information.
HTML Sandwich
Doctype (Toothpick): The "Doctype" declaration is like a toothpick on top of the sandwich, setting the document type and version. It ensures that the browser renders the page correctly.
Metadata (Top Layer of Bread): Metadata includes information about the document, such as character encoding, authorship, and viewport settings. This is akin to the top layer of bread, providing essential details about the content.
HTML (Bread): The <html> and </html> tags represent the bread itself, encapsulating the entire HTML document. It serves as the outermost container for all the content.
Body (Fillings Within the Sandwich): The <body> and </body> tags contain the main content of the web page—the "fillings" within the sandwich. This is where you place text, images, links, and other elements that users will see and interact with.
HTML = Structure and Content
HTML is the backbone of web development, serving as the standard markup language to structure content on the World Wide Web. It utilizes a system of tags to annotate text, images, links, and other elements, providing browsers with instructions on how to present the content.
Footer: Represents the footer of a section or page, often containing copyright information, links to terms of service, or contact details. Aside: Used for content that is tangentially related to the content around it, like a sidebar or pull quote.
HTML Structural Elements:
Header: Represents the header of a section or page, typically containing headings, logos, and navigation elements.
Body: Contains the main content of the HTML document, such as text, images, links, and other elements.
Main: Represents the main content of the document, excluding headers, footers, and sidebars.
Footer: Represents the footer of a section or page, often containing copyright information, links to terms of service, or contact details.
Aside: Used for content that is tangentially related to the content around it, like a sidebar or pull quote.
CSS = Style
CSS is a style sheet language used to control the presentation and layout of HTML documents. It works by selecting HTML elements and applying styles to them, determining how they should look and be positioned on the page. CSS allows you to separate the structure (HTML) and presentation (CSS) of your web pages, making your code more modular and maintainable.