HTML PRACTICE

REQUIREMENTS

  • Each task should be done in its own HTML file
  • Each task should start with the first level header
  • Each task document should have a content like in wikipedia
  • Each task document should have links "Go to bottom" at the top and "Go to top" at the bottom of the page
  • Task exercise description should be placed before your performed exercise
  • There should be a main document with the links of all the task documents and when you click on the link it opens in iframe 
  • Add to the footer of the main page copyright symbol with your name
  • Add to the header of the main page the title of the presentation

Task 1

  • Create a webpage that prints your name to the screen.
  • Add numbers from 1 - 10 to the screen in unordered list
  • Add paragraph "When was this webpage created? Check page's title for the answer." to the screen, and set the title of the page to the current date.
  • Add any text of your choosing to the screen

Pay attention to the code style: http://www.w3schools.com/html/html5_syntax.asp

Task 2

  • Prints 10 names with a line break between each name. The list should be alphabetized, and to do this place a subscripted number next to each name based on where it will go in the alphabetized list. (Example: Alan 1). Print first, the unalphabetized list with a subscript number next to each name, then the alphabetized list. Both lists should have an <h1> level heading.
  • Print two lists with any information you want. One list should be an ordered list, the other list should be an unordered list
  • Print some preformatted text of your choosing
  • Print a definition list with 5 items

Do not forget to check the documents via validator:  https://validator.w3.org/

Task 3

  • Add some links to various search engines 
  • Add links to five different pages on five different websites that should all open in a new window
  • Add a link at the top of it that when clicked will jump all the way to the bottom of the page
  • Add a link at the bottom of it that when clicked will jump all the way to the top of the page
  • Add a link to the last exercise in Task 2

Perhaps you will have to search some answers in the Internet 

Task 4

  • Display five different images. Skip two lines between each image. Each image should have a title
  • Display an image that has a border of size 2, a width of 200, and a height of 200
  • Display an image that when clicked will link to a search engine of your choice (should be opened in a new window)
  • Display an image that when clicked will link to itself and will display the image in the browser by itself

Every image must have alt attribute

Task 5

Using only HTML create equation

Add nested list

Task 6

Create this table

task 7

Create text with such formating

Task 8

Create a table 3x3 or higher where each cell has an image

Good luck!

HTML Practice

HTML Practice

By Dima Pikulin

HTML Practice

  • 1,332