web development

Question 1

what does HTML use to describe webpages

Answer 1

<tag> </tag>

Question 2

attributes in HMTL

Answer 2

<tag>Hello World!</tag>

Question 3

Add an image to HMTL web page

Answer 3

<img></img>

Question 4

heading in HTML

Answer 4

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
</h6></h5></h4></h3></h2></h1>

Question 5

paragraphs in html

Answer 5

<p> </p>

Question 6

adding a single line break in HTML

Answer 6

<br></br> </br>

Question 7

adding horizontal lines in HTML

Answer 7

<hr></hr>

</hr>

Question 8

adding a link to HTML

Answer 8

<a> Welcome </a>

Question 9

creating a table in HTML

Answer 9

<table>.
<tr>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
</tr>
</table>

Question 10

True or False: CSS defines how to style HTML elements

Answer 10

True

Question 11

how do you change the color of a paragraph to blue with a font size of 12

Answer 11

p { color: blue; font-size: 12px; }

Question 12

how do you group a selection of elements so that you are able to style them in one go

Answer 12

Id’s and classes

Question 13

create an id and add a backrground color of yellow and color the text blue

Answer 13

welcome{ color:blue ; background-color:yellow;}

<h1 id=“welcome”> Welcome to my Web page</h1>

Question 14

create a class

Answer 14

<h1 class=“welcome”> Welcome to my Web page</h1>

.welcome{ color:blue ; background-color:yellow;}

Question 15

JQuery- JavaScript, writing code goes inside:

Answer 15

<script>

</script>

Question 16

In JQuery Javascript how would you update an element’s CSS
property

Answer 16

css(“propertyname”:”value”);

example:
css({“background-color”: “yellow”, “font-size”: “200%”});

Question 17

create a hovering mouse interaction in JQuery Javascript

Answer 17

<h1> CMUQ </h1>

<button>

function changeText()
{
$("#name").text("67-250");
}

</button>

*you can also do the same with click in place of onmouseover

Question 18

jQuery
When you move the cursor over the
image, make it disappear

Answer 18

<img id=“logo” src=“logo.jpg” onmouseover=“disappear()”>

<script>
function disappear()
{
$(‘#logo”).hide();
}
</script>