HTML - CL1

Question 1

Basic elements (TABLE, DIV, P, FORM, A, UL, INPUT):

• typical behavior
• constructional differences for each of them

Answer 1

DIV
https://www.w3schools.com/tags/tag_div.asp

TABLE
https://www.w3schools.com/tags/tag_table.asp

P
https://www.w3schools.com/tags/tag_p.asp

FORM
https://www.w3schools.com/tags/tag_form.asp

A
https://www.w3schools.com/tags/tag_a.asp

UL
https://www.w3schools.com/tags/tag_ul.asp

INPUT
https://www.w3schools.com/tags/tag_input.asp

Question 2

Page Layouts with tables and div’s:

- main advantages and disadvantages

Answer 2

https://www.smashingmagazine.com/2009/04/from-table-hell-to-div-hell/

Question 3

iFrames:

• advantages
• restrictions

Answer 3

https: //www.w3schools.com/html/html_iframe.asp
https: //tweakyourbiz.com/technology/3-reasons-avoid-iframes-business-website
https: //www.w3schools.com/tags/att_iframe_sandbox.asp

Question 4

Forms & form elements:

• typical structure of form
• required elements
• typical behavior

Answer 4

https: //developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Your_first_HTML_form
https: //www.tutorialspoint.com/html/html_forms.htm
https: //www.w3schools.com/html/html_forms.asp

Question 5

Semantical layout:

- section, footer, article, nav tags

Answer 5

https://www.w3schools.com/html/html5_semantic_elements.asp

Question 6

Base tag

Answer 6

https://www.quackit.com/html_5/tags/html_base_tag.cfm

Question 7

Video, Audio:

• How to add on page
• Syntax
• Media Events

Answer 7

https: //www.w3schools.com/html/html5_video.asp
https: //www.w3schools.com/html/html5_audio.asp

Question 8

HTML5 Input Types:

• color
• date
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

Answer 8

https://www.w3schools.com/html/html_form_input_types.asp

Question 9

Canvas:

• What is HTML Canvas
• Adding to page

Answer 9

https: //www.w3schools.com/html/html5_canvas.asp
https: //www.tutorialspoint.com/html5/html5_canvas.htm