1.3.4a HTML, CSS, JavaScript

Question 1

How is a HTML document formatted?

Answer 1

Starts with html tags and ends with /html tags
Head includes things like title
Body includes what is displayed on the webpage

Question 2

How do you display the title of a webpage in HTML?

Answer 2

Use the (title) and (/title) tags within the head.

Question 3

How do you create a heading in HTML?

Answer 3

Use the (h1), (h2), (h3) etc tags

Question 4

How do you create a paragraph in HTML?

Answer 4

Use the (p) tags.

Question 5

How do you add an image to a webpage using HTML?

Answer 5

(p) (img src=”filename” alt=”cannot load image” height=”200” width=”200”) (/p)

Question 6

How do you add a link to a webpage using HTML?

Answer 6

This (a href =”hyperlink”) CLICK (/a) is a link.

Question 7

How do you create lists in HTML?

Answer 7

Use the (ol) and (/ol) tags to start and end an ordered list.
Use the (ul) and (/ul) tags to start and end an unordered list.
Use the (li) and (/li) tags at the start and end of each list item.

Question 8

What is CSS used for?

Answer 8

Allows developers to control the layout of multiple webpages at once.

Question 9

Why is it better to write CSS code in a file separate from the HTML file?

Answer 9

If you write CSS code in the HTML file using the (style) tag, it will only affect the style of that page.

If you use external files, you can change the look of an entire site by amending 1 file.

Question 10

How do you change the style of attributes within a HTML document using CSS?

Answer 10

(h1 style=”color:red;”) Text (/h1)
(h2 style=”border-style:dotted; border-color:blue”;) Text (/h2)
(h3 style=”font-family:Arial”;) Text (/h3)

Question 11

How do you change the style of attributes in a webpage using an external CSS file?

Answer 11

h1{
---------- color:red;
---------- background-color:yellow;
---------- border-width:thick
}

h2{
——— font-family:Arial;
}

Question 12

How do you link an external CSS file to a HTML document webpage?

Answer 12

In the head tag use:

link rel=”stylesheet” type=”text/css” href=”MyCSS.css”

Question 13

How do you create a class in CSS?

Answer 13

In an external CSS file:

.classname {
——– color:red;
——– font-size:25px;
}

Question 14

How do you link a class from an external CSS file using HTML?

Answer 14

(div class=”classname”)

/div

Question 15

How do you create an identifier in an external CSS file?

Answer 15

#identifername {
-------- color:red;
}

Question 16

How do you link an identifier from an external CSS file to a HTML file?

Answer 16

(ol id=”identifiername”)

Question 17

How do you create a text input box and a submit button using JavaScript?

Answer 17

In the head tag:

(form id=”form1” action=”/action_page.php”)
——– (label for=”forename”) Forename: (/label)
——– (input type=”text” id=”forename” name=”forename”) (br) (br)
——– (input type=”submit” id=”Submit” name=”Submit” value=”Submit”)
(/form)

Question 18

How do you create a button which references a JavaScript code in HTML?

Answer 18

(button onclick=”myFunction()”) Text (/button)

p id=”output here”) (/p

Question 19

Many normal C# habits of coding work in JavaScript. But how are variables defined and how are outputs given?

Answer 19

Variables are defined using ‘var’

document.getElementById(“output here”).innereHTML = text;

Question 20

How do you define a script in JavaScript within HTML and how do you directly write to the document.

Answer 20

Scripts are defined using (script) and (/script)

You can write directly to the document using document.write(“Text”);
You can create alert boxes directly using alert(“Text”);