Skip to content

Unseenplayer07/int-u2l5-23-24-student-exercises

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 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

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 80.5%
  • CSS 19.5%