A template repostiory for practicing HTML by creating an informational page about yourself using standard HTML boilerplate and tags.
Students can build a single webpage demonstrating their understanding of the following HTML tags:
<html>
<meta>
<head>
<title>
<body>
<h1>
<p>
<strong>
<em>
<ul>
<ol>
<li>
<a>
<img>
We'll also look for the following:
- a
lang
attribute is added to their<html>
declaration - a
charset
attribute is added to their<meta>
declaration - all
<img>
tags have analt
attribute
Create an HTML webpage about yourself that uses a proper HTML boilerplate and uses the following tags.
- Use the correct HTML boilerplate
- Doctype
- HTML5 doctype
<html>
elementlang
attribute
<head>
elementcharset
<title>
<body>
element
- Doctype
- Paragraphs (
<p>
) - Headings (
<h1>
) - Strong elements (
<strong>
) - Ordered and Unordered lists (
<ul>
and<ol>
) - An image (
<img>
)
- Clone or open up a Codespace to the class webpage
- Create a working branch
- Create a new file in the
bios
directory with the name of your GitHub username - Alter the
index.html
page to add a link to the bio page you just created - Push the branch to the repository
- Create a pull request and have the pull request reviewed
- Merge pull request to
main
This assignment uses automated tests to check for the presence of the required HTML tags. You can run the tests by running:
rake test
We've installed a tiny webserver in the development container so you can view your webpage. Try running:
rackup
in the terminal to start it up!