dec2 test

Question 1

what is the code to link an html page to a css page

Answer 1

link rel=”stylesheet” type = “text/css” href=”filename.css”/>

Question 2

Name 3 font names and 3 generic font names

Answer 2

“Comic Sans MS”, “Arial”, “Brush Script MT”

“serif”, “sans serif”, “monospace”

Question 3

embed a font family

Answer 3

@font-face{
font-family: myfavfont;
src:url(realnameoffont.ttf);

Question 4

code a class element in html and for css

Answer 4

html: <p class="example"></p>
css: .example{style}

Question 5

code the id attribute in html and css

Answer 5

html: <p></p>
css: #sample{style}

Question 6

code a div span in html and css

Answer 6

html: <span>the word you want to look different</span>
css: .nameofsomething{style}

Question 7

code a flex container and a flex item in html and css

Answer 7

html: <div class="mainflexcontainer">

<div></div>

</div>

Question 8

what are some examples of code used to style a flex container

Answer 8

{display:flex;
flex-direction:row;
justify-content:center;
}

Question 9

what are some examples of code used to style a flex item

Answer 9

{background-color:blue;
color:red;
font-size:1em
text-align:center;

Question 10

what is the code for a form element?

Question 11

what is the code for a label?

Answer 11

Instruction!

Question 12

code a textbox

Answer 12

placeholder can be used instead of value. We can also make this a required field by adding the word required before the slash (required/>)

Question 13

code a fieldset

Answer 13

Command for user

html elements here

Question 14

code a text area

Question 15

code a listbox

Answer 15

Choose a thing

This is the first option
This is the second option
This is your final option

Question 16

code a checkbox

Answer 16

yes or no?

Question 17

code 3 radio buttons

Question 18

code a button with no javascript attached

Answer 18

press me

Question 19

code a button which will do something when clicked (code the html and the js)

Answer 19

html:<p></p>
clickhere
js: function myFunction{
var option="you clicked";
document.getElementByID("demo").innerHTML=option;}

Question 20

code a button that will change the color of the page when clicked (html and js, assuming the page already has css)

Answer 20

html:<p></p>
Click here to change color
js: function changeColour{
document.body.style.background-color=red;}