Teaching & Learning
Show Map

Accessible Syllabus Step 1: HTML Code

modified Sep 12th, 2008

Web Accessibility 101 - Syllabus HTML Code

Step 1: HTML Code

Below you will find the HTML code that was used to create the Web Accessibility 101 Syllabus. Proceed to Step 2 for a detailed explanation of this code.

<html>

<head>
<title>Web Accessibility 101 - Syllabus</title>
</head>

<body>

<h1>Web Accessibility 101</h1>
<h2>Creating an accessible syllabus through HTML structure tags</h2>

<h3>Course Description</h3>
<img src="images/me.png" alt="picture of John" longdesc="john_desc.html">
<p>Hi, my name is <strong><em>John</em></strong>. I will be your guide for this lesson. Together, we will proceed through the steps of creating an accessible online syllabus in HTML. I first created and formatted this syllabus using a word processing application. Afterwards, I added HTML tags to the text so it would display properly and remain accessible to web users.

<p>Website: <a href="http://vudat.msu.edu">vuDAT Homepage</a></p>

<h3>Course Objectives</h3>
<ol>
<li>To become familiar with using basic HTML structure tags.</li>
<li>To create an accessible online syllabus.</li>
</ol>

<h3>Technical Requirements</h3>
<ul>
<li>A computer.</li>
<li>Text editing, word processing, or web development software.</li>
<li>An internet connection.</li>
</ul>

</body>

</html>

Proceed to: Accessible Syllabus Step 2: HTML Code Guide

[Accessible Syllabus Step 2: HTML Code Guide]
Hide Map