HTML and CSS Reference
In-Depth Information
We will begin by writing the markup that will form the basis of the task list screen. In this
chapter all content will be static: in later chapters we will make this dynamic through the
use of JavaScript and jQuery.
To begin the sample project, create a new folder anywhere on your file-system and add a
file to it called tasks.html. This should contain the following content:
//
Remember these examples can be downloaded from the topic's website at cis-
dal.com/publishing.htm. Each chapter has a zip file with all the examples.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Task list</title>
<link rel="stylesheet" type="text/css" href="styles/tasks.css" media="screen" />
</head>
<body>
<header>
<span>Task list</span>
</header>
<main>
<section>
<form>
<div>
<label>Task</label> <input type="text" required="required"
name="task" class="large" placeholder="Breakfast at Tiffanys" />
</div>
<div>
<label>Required by</label> <input type="date" required="required"
name="requiredBy" />
