HTML

Question 1

HTML Boilerplate

Answer 1

(start head)
meta
stylesheet
fonts
favicons
jquery
(close head)

Question 2

Elements of a Body

Answer 2

h1 to h6
paragraph ('p')
div, section, main
anchor ('a') for links
'img' tag for images

(‘script’) always at the very end. even when its linked to external source

Question 3

Forms Inpuut and Labels

Answer 3

input tag helps in making input fields where user can input data as needed.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input

The link above discusses different type of input.

Important thing to note is - Always have an #id to your input.
Because (label) have a ‘for’ keyword where you insert the input #id so they can be related to each other.

This label can be styled as a button now!

Question 4

stylesheet

Answer 4

Stylesheets are LINKED by using LINK tag.

‘link’ tag is used with a rel=”stylesheet” after it to refer to inserting CSS stylesheet.

Question 5

Fonts

Answer 5

Fonts can be brought in free from fonts.google.com. Or any other site you know of.
They get inserted at the header of a HTML.

Question 6

Meta

Answer 6

Meta is used by algorithms to search for information for your page
Meta tag is also used to define the initial scale of your page.

Question 7

DIV and Section have same or different browser-default style?

Answer 7

Div and Section have totally different user-agent stylesheet so be careful when using them.

Question 8

Img tag

Answer 8

Used to insert image into a HTML.

Within img tag - you can easily define height and width in the same line as href.

href is the tag where you define the location of your image.