HTML and CSS Reference
In-Depth Information
<li>
<a href="
http://amzn.to/XKcBbG
"
>Get the Book</a> |
<a href="
http://cptr.me/UkMSmn">Source
Code (on GitHub)</a>
</li>
</ul>
</footer>
</body>
</html>
There's nothing of note in the footer markup; the header, however, introduces our first bit of markup that
requires variable data. Let's start by creating the markup and then deal with setting the variables in the next section.
Create a new file called
header.inc.php
and save it in
system/inc/
with the following markup inside
(variables are in bold):
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>
<?php echo $title; ?>
</title>
<!-- Fonts via fonts.com -->
<script type="text/javascript"
<!-- Main site styles -->
<link rel="stylesheet" href="
<?php echo $css_path; ?>
" />
</head>
<body>
<header>
<h1>Realtime Q&A</h1>
<p class="tagline">
A live feedback system for classes, presentations, and conferences.
</p><!--/.tagline-->
</header>
This markup sets the HTML5 doctype and basic metadata, uses a variable to set the title of the page, and then
loads the font stylesheet (from Fonts.com). The site stylesheet location is stored in a variable because its location
needs to be determined relative to the app's installation to avoid a broken URI.
Because the app shares common header markup at the top of every page, this is also included.
Search WWH ::
Custom Search