Simple Development Workflow


Objectives: ‘Very’ High level view of HTML and CSS

Review a ‘Simple Development Workflow’ where we:


Quick Review

Terminal: Application to manage files

HTML: Hyper Text Markup Language

CSS: Cascading Stylesheets


Code snippets

terminal commands

basic html page


<!DOCTYPE html>
<html>
<head>

  <title>Page Title</title>
  <style>
    .loud {
      color: red;
    }
  </style>

</head>
<body>

  <h1 class='loud'>This is a Heading</h1>
  <p>This is a paragraph.</p>

</body>
</html>

Linking the CSS file


in the wild

w3schools sample in browser

Example Template


Further Reading


Next Tutorial