HTML, CSS AND JAVASCRIPT

Question 1

What does HTML stand for?

Answer 1

Hyper text Markup Language (its the standard markup language for webpages)

HTML allows a browser to interpret and render webpages for the viewer by describing the structure and order of the webpage

Question 2

How would you embed an image on HTML?

Answer 2

Using the <img></img> tag

It requires 2 attributes:
src : specifies the file path of the image
alt : specifies alternate text for the image just in case it cant be displayed

Images are not inserted into a webpage but rather linked to a webpage. So the <img></img> is a holding space for the referenced image

Question 3

alt

Answer 3

An attribute (one of the 2) in a <img></img> tag

Specifies alternate text for the image just in case it cant be displayed

Question 4

<a></a>

Answer 4

An anchor tag which defines a hyperlink which is used to link one page to another
(adds a link within a webpage(one webpage within another)
The most important attribute of the <a> tag is href</a>

href : specifies the destination of the link

so you would use it as <a href = “ https:www.bbc.co.uk”</a>

Question 5

Tag which defines a hyperlink which is used to link one page to another

Answer 5

<a></a>

Question 6

Tag which defines an ordered list

Answer 6

<ol>

then <li> is used to define each item in the list

so:

<ol>
<li> Dog </li>
<li> Rat </li>
<li> Cat</li>
</ol>

OUTPUTS:
(1. Dog
2. Rat
3. Cat)
</li></ol>

Question 7

How do the takes <ol> and <ul> defer?

Answer 7

<ol> is used to define an ordered list
<ul> used to define an unordered list
</ul></ol>

Question 8

Tag used to define an unordered list

Answer 8

<ul>

then <li> is used to define each item in the list

so:

<ul>
<li> Dog </li>
<li> Rat </li>
<li> Cat</li>
</ul>

OUTPUTS:
(. Dog
. Rat
. Cat)

(bulletpoints)
</li></ul>

Question 9

What does CSS stand for?

Answer 9

Cascading style sheets

Its used to describe the style of a webpage

Question 10

If I had a heading how would I change the colour of it?

Answer 10

<h1>
</h1>

Question 11

How would i change the bordercolour of a subheading so that its dotted and blue?

Answer 11

<h2>
</h2>

Question 12

Why is there 3 different font names for this subheading?

<h3>
</h3>

Answer 12

Because its down to the fonts the browser actually supports. If it doesnt support the first one then it will try the next one

Question 13

Create an external CSS file for a heading and subheading with the following properties

Heading: with font color red, background color yellow
Subheading: border color blue, font color red

Answer 13

<h1>
{
font-color: red;
background-color: yellow;
}

<h2>
{
font-color: red;
border-color: blue;
}
</h2></h1>

Question 14

How would you link an external CSS file to a HTML file?

Answer 14

Using the link tag

<link></link>

Question 15

<div> tag
</div>

Answer 15

To divide a HTML document up and change the style of it

<div> class = "main"
<p> Hi hello</p>
</div>

so the class main will have a different style (e.g. colour) to another class so therefore the text contained within each div tag will have the properties of that class

This allows us to have different styles within one class

Question 16

Define a class called main where the color will be green

Answer 16

.main
{
color : green;
}

(the background color will be green)

Question 17

What does this do?

CSS external file:
#orderedList
{
color: red;
}

HTML FILE:

<ol>
<li> Dog </li>
<li> Rat </li>
<li> Cat</li>
</ol>

Answer 17

It will print an ordered list with a red background color

The id tag is applied to the

Question 18

CSS can be used in two forms:

Answer 18

Internal/Embedded
Its placed inside the style tags and is entered directly into the HTML doc

External
Written in a separate doc and a link to this style sheet is added to HTML document