Skip to content

K1R4-L0L/CS-Lesson6-Stylesheets-Docs-Bootstrap

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Lesson 5 Going over stylesheets, docs and Bootstrap

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 86.4%
  • CSS 13.6%