Coder Social home page Coder Social logo

html-interview's Introduction

HTML Interview

In this assignment, we'll work in groups of 2-3 students. This is a great time to meet your fellow classmates!

Although we're working in groups for this assignment, we'll still turn in separate code submissions.

Instructions

Part 0: Project set up

Start off by forking this repository. Forking an existing repository is just like creating a new one except that your new repository will contain a copy of the forked code.

After forking the repository, enable GitHub Pages. To do this, go to the Settings tab of your repository, then go to Pages on the left. Change source to 'Main' or 'Master' depending on which option you have. Then click save. The page should refresh and a URL to your hosted project should be visible.

Finally, copy that URL, navigate back to the home page of your repository, click the gear icon next to the 'About' section on the right, and set the 'Website' of your project to be this GitHub Pages URL.

Part 1: Ten questions, ten answers

As a group, think of ten total questions that you can ask one another and record the answers to.

Have each person answer the ten questions. Write down both the questions and their answers.

Part 2: Building an HTML page

Now that you have all the questions and answers, its time to display them in HTML.

We'll create a section on the page for each student's answers.

  • Start out by creating an empty HTML page with the HTML starter code
  • Create 2-3 <div> elements in the <body> section of the HTML, one for each student
  • Inside each <div>
    • Create a header (either <h1>, <h2>, etc) with the student's name
    • Under the header, create an anchor tag that links to the student's GitHub page
    • Under the link, add an image of the student, set the image's height to 250px
    • And finally, create an ordered list that contains a list item for each question and answer
      • Each question and answer should be stored in a single list item element (<li>)
      • The question part of the list item should be bolded

html-interview's People

Contributors

alexcrist avatar rogerloya avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.