- Implement and practice the use of HTML elements and attributes.
- Create an index.html file, insert the basic elements needed to start a HTML file, this will include a DOCTYPE element, HTML elements, head elements and body elements.
- HINT: There is a keyboard shortcut to complete this! Try researching "emmet abbreviations".
- Inside the <body> of your page, insert h1 through h6 elements, give each heading element some funny text.
- Add a comment before each heading to give yourself a reminder what the purpose of that section should be.
- Insert a div element, inside of the div insert x6 paragraph elements. Inside each, write a little bit about yourself.
- Add an image after each paragraph in your page.
- "Wrap" each section (heading, paragraph, and image) with a <section>tag. The open section tag should precede the first heading tag, and the closing section tag should be after the image tag.
- REMEMBER: Indent properly!
- HINT: If your indentation ever gets out of whack, just right click anywhere in VS Code and click "format document"!
- In between every paragraph and image, create an unordered list with at least x3 list items. Again, the content contained in this list is up to you!
- Create a form with x3inputs: first name, last name, and email address. Make sure each input is labeled, and that all of them are wrapped with form tags.
- Add a button to the form using an input tag.
- HINT: You may need to google html form submission.
- Create an ordered list, give this list at least x5 things you're excited to learn about in Covalence.
- Create an unordered list, give this list at least x5 interesting facts about yourself.
- Wrap the entire page in a <div>.
- Reformat the document. How does it change compared to what you had originally written?
- HINT: You can use Command + 'Z' to undo and Command + Shift + 'Z' to redo on a Mac. On Windows it is Control + 'Z' to undo and Control + 'Y' to redo.
- Add a horizontal line between each section in your document.
- Add hyperlinks to each image that opens the image in a new tab.
- At the top of your page, create a table with the following columns (headers): Month, Day, Year.
- Then, add a row for each day that you worked on these tasks.
- In the last heading element (h6) add either a copyright or trademark HTML symbol entity to the end of the text content.
- Add an anchor tag, have this link to a funny YouTube video.
- Add a horizontal line, below the line add a div.
- Inside the div add a h1, give this h1 some text thats your favorite movie.
- Insert an image tag of the movie poster.
- Add a paragraph element below the heading, have this be a description/plot of the movie.
- NO SPOILERS!!!
- Add an unordered list with the cast of the movie.
- Add another unordered list with release date, budget and box office sale stats.
- Embed a trailer of the film using YouTube.