Basic HTML and HTML5

Question 1

Elements for headings:

Answer 1

< h1 > - < h6 >

Question 2

Paragraph element:

Answer 2

<p></p>

Question 3

How to leave comments in HTML:

Answer 3

< ! - - here - - >

Question 4

How to add images in html:

Answer 4

< img src = “ “>

Question 5

Paragraph element:

Answer 5

<p></p>

Question 6

What is an alt attribute?

Answer 6

An alt attribute is used for screen readers to improve accessibility and is displayed if the image fails to load.

Question 7

Alt attribute example:

Answer 7

< img src = “picture.jpg” alt = “guy doing stuff” >

Question 8

How to link external pages with anchor elements:

Answer 8

< a href= “website.com” >this links to my website < /a >

Question 9

How to link to internal sections of a page with Anchor elements:

Answer 9

Create an < a href= “id attribute” >jump to bottom< /a > and add that id attribute to an element on the bottom of the page.

Question 10

Which anchor tag attribute opens a new tab?

Answer 10

< a target=”_blank” href =……. < /a >

Question 11

How to nest an anchor element within a paragraph:

Answer 11

< p >
Hello here’s a link to < a target = “_blank” href = “brains cape.com” > brainscape.com < /a >
< /p >
(Only the brainscape is highlighted)

Question 12

How do you make Dead links?

Answer 12

replacing a href attribute value with a #. (ex: a href: “ # “

Question 13

How to turn an image into a link?

Answer 13

Nest the image within an A element.

Question 14

How to create bulleted unordered list:

Answer 14

Use the < ul > element and follow it up with < li > elements for every entry in the list.

Question 15

How to create an ordered list:

Answer 15

Use the < ol > element and follow it up with < li > elements for every entry in the list.

Question 16

How to create a text field:

Answer 16

< input type= “text” >

Question 17

How to add a placeholder to a text field:

Answer 17

< input type= “text” placeholder: “type here” >

Question 18

How to create a form element:

Answer 18

< form action= “/url-where-you-want-to-submit-form-data” >< /form >

Question 19

How to add a submit button to a form:

Answer 19

Nest this within a form element < button type =”submit” >Submit< /button >

Question 20

How to make a text field required:

Answer 20

Add the word required after input type. (ex: < input type=”text” required >)

Question 21

How to create a set of radio buttons

Answer 21

< label for=”option 1” >
< input id=”option 1” type=”radio” name=”1-2” >Indoor
< /label >

Question 22

How to create a set of checkboxes:

Answer 22

< label for=”option 1” >< input id=”option_1” value=”option 1” type=”checkbox” name=”options”> Option 1< /label >

Question 23

How to use the value attribute with Radio Buttons and Checkboxes

Answer 23

< label for=”option 1” >
< input id=”option 1” type=”radio” name=”1-2” >Indoor
< /label >

Question 24

How to check Radio Buttons by default

Answer 24

< input type=”radio” name=”test-name” checked >