Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
Joshua.html
Oluwaseyi.html
README.md

README.md

Project HTML E1 Semantic Web

Topics : Why use Semantic HTML? , Header and Nav , Main and Footer , The Aside Element , Figure and Figcaption , Audio and Attributes , Video and Embed

Project Title: OnePage Website

  1. Open VS Code and Create an html file with your name like john.html in project folder and add this code to it:
<!DOCTYPE html>
<html>
  <body></body>
</html>
  1. Create header tag and put h1 tag at enter "OnePage Website" into it.

  2. Next to h1 tag add nag tag to put navigation links into it.

  3. Inside nav tag add an unordered list to show 3 links as follow:

  • Home Page (url: #)
  • Products (url: #Products)
  • Services (url: #Services)
  1. Create a main tag after header tag to hold main contnet.

  2. Add an article tag inside main tag and put h2 and paragraph inside article and enter some text on it.

  3. Add a figure tag next to p tag and add img and figurecaption to describe the image. Image url is "https://via.placeholder.com/350x150", caption is "sample image".

  4. Next to article tag, add aside tag and enter some text to describe the article.

  5. Add a audio tag and set source to "https://ia800406.us.archive.org/23/items/PeterHernandezPodcastAudioPlaceholder/AudioPlaceholder.mp3"

  6. Add a video tag and set source to "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"

  7. Add footer tage and enter "OnePage Website. All right reserved."

Want to get reviewed?

Send Pull Request. Check how to deliver your code: https://codingwithbasir.com/how-to-deliver-projects/

Need help?

Download Free eBook https://codingwithbasir.com/download

You can’t perform that action at this time.