praisemoses / Lesson_2.5

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Lesson 2.5: Stylesheets & Documentation

🎯 Objectives

Coders will:

  • Understand the importance of linking CSS to HTML both internally and externally.
  • Explore the purpose and use of documentation in coding.
  • Learn how to navigate resources like Code Nation Reference Table and W3Schools.
  • Understand how to import styles using Bootstrap.
  • Learn how to work with Replit and GitHub, including forking a repository and pushing changes.

Table of Contents

  1. Introduction to Stylesheets
  2. Introduction to Documentation

Introduction to Stylesheets

Internal CSS

  • Include CSS directly in HTML document using the <style> tag.
  • Example:
<head>
  <style>
    /* CSS here */
  </style>
</head>

External CSS

  • Link an external CSS file using the <link> tag inside the <head> tag.
  • External CSS allows styling across multiple pages.
  • Example:
<head>
  <title>My Awesome Website</title>
  <link rel="stylesheet" href="style.css">
</head>

Introduction to Documentation

What is Documentation?

  • Written material that helps in understanding, using, and debugging the code.
  • Essential for collaboration among coders.

Code Nation Coding Guides

  • A resource to look up syntax and examples of HTML tags and CSS properties.

W3Schools

  • A website for learning coding online, great for examples and trying out code.

Bootstrap

  • A CSS framework that simplifies styling.
  • Use the <link> tag to import Bootstrap.

Key Takeaways

  • Stylesheets can be used internally or externally. External linking allows for more flexibility across multiple pages.
  • Documentation is a crucial part of software development, allowing you to understand and utilize code effectively.
  • Resources like W3Schools, Code Nation Coding Guides, and Bootstrap can significantly aid in learning and development.

Happy coding!

About


Languages

Language:HTML 95.9%Language:CSS 4.1%