Assignment: Practicing Indentation

Estimated Time: 5 - 15 minutes
Objectives:
  • To apply correct spacing
  • To align opening, and closing tags

Assignment:

To practice the best practice, your first assignment is to fix very ugly codes. Create a new file in your Text Editor (Sublime or VSCode) and apply indentation to the following code:

<!DOCTYPE html>
<html>
<head>
<title>
Basic Indentation I
</title>
</head>
<body>
<h1>
Welcome to Web Fundamentals!
</h1>
<p>
Let's learn how to do the best practices.
</p>
</body>
</html>

Create another file and property also indent the html code properly below. Remember that proper indentation requires you to properly determine the parents, children, and siblings of each html tag.

<!DOCTYPE html>
<html>
    <head>
        <title>
            Basic Indentation II
    </title>
    </head>
    <body>
<h1>Sample List of Web Fundamentals Track Courses:</h1>
        <ul><li>HTML</li>
    <li>CSS</li>
        <li>Responsive Design</li>
        <li>Git and Github
        </li>
    </ul>
        <table> 
            <thead>
                <tr><th>ID</th><th>Course Title</th><th>Mentor</th></tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        1
                    </td>
                    <td>
                        HTML
                </td>
                <td> Michael Choi</td></tr>
            </tbody>
    </table>
    </body>
</html>

Now, review your very first HTML assignment and also apply the proper indentation technique.

You should now have three html files with proper indentations. You can upload three files or also zip them up as a single file. Upload your work below and also comment on how long it roughly took you to do these three files.

Please submit your assignment before moving to the next lesson. chevron_left Prev Nextchevron_right