Skip to content

A template for practicing HTML by creating an informational page about yourself

Notifications You must be signed in to change notification settings

sunbury-web-dev/html-about-me-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 Week 3 Lab - HTML About Me Page

A template repostiory for practicing HTML by creating an informational page about yourself using standard HTML boilerplate and tags.

Goal

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 an alt attribute

Instructions

Create an HTML page about yourself

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> element
      • lang attribute
    • <head> element
    • charset
    • <title>
    • <body> element
  • Paragraphs (<p>)
  • Headings (<h1>)
  • Strong elements (<strong>)
  • Ordered and Unordered lists (<ul> and <ol>)
  • An image (<img>)

Add your page to the class webpage

  • 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

Assignment Grading

This assignment uses automated tests to check for the presence of the required HTML tags. You can run the tests by running:

rake test

Viewing Your Webpage

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!

HTML Introduction Materials

About

A template for practicing HTML by creating an informational page about yourself

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published