Code Monkey home page Code Monkey logo

int-u2l5-23-24-student-exercises's Introduction

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!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.