Scribd
Upload
100 views

CSS Tags Document

Uploaded by

maryamjavaid646
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
100 views

CSS Tags Document

Uploaded by

maryamjavaid646
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

INFORMATION AND COMMUNICATION TECHNOLOGY

Paper 3 Website Authoring - CSS document

May/June 2017
0417/31

Create a web page called 1731links.htm


This web page must work in all browsers and will have a table structure with visible borders
and gridlines, as shown below.

• Attach the stylesheet tab1731.css to your webpage.

A trainee has started to create a second stylesheet to be added to the web page. The stylesheet is not
finished and contains a number of errors.

9 • Open the stylesheet st1731.css in a suitable software package.


• The web page and stylesheet must work in any browser and use the most efficient method.
All colour codes are in hexadecimal. Make sure your stylesheet contains no html. The
specifications for this stylesheet are:

table size 650 pixels wide


border dark green, solid 5 pixels thick
internal gridlines dark green, solid 2 pixels thick
all internal and external borders collapsed
cell padding 6 pixels top and bottom
4 pixels at each side

h1 Colour: Blue 0, Red 0, Green 50


Font: Palatino, but if not available then Times
New Roman, but if not available then
Times, or if these fonts are not available,
the browser’s default serif font
36 pixels high

h2 Font: 16 pixels high


Left aligned

h3 Font: 16 pixels high


Alignment centre

List style Font: 16 pixels high


This MUST display as a bulleted list with square bullet points.
• Correct and complete this stylesheet using the information above.
• Add your name, Centre number and candidate number as a comment at the start of the
stylesheet.
• Save this stylesheet in your html_1731 folder. Use the filename st1731 followed by your
candidate number, e.g. st17319999.css
• Attach this stylesheet to your webpage so that it has a higher priority than the stylesheet
attached in step 8.
[22]
Comment /* Candidate details */ 1 mark

padding-top:6px; padding-bottom:6px 1 mark


padding-left:4px; padding-right:4px 1 mark

table,td solid dark green e.g. #005000 1 mark


one style line used for these 2 styles 1 mark
h1 color: #005000 1 mark
font-family: Palatino 1 mark
,Times New Roman «
Place screenshot of your stylesheet here: «in speech marks 1 mark

h2,h3,li font-size:16px 1 mark


one style line used for these 3 styles 1 mark

CSS syntax Must have ; between properties 1 mark

+63
Evidence 5 Stylesheet tab1731.css attached 1 mark
Place your html markup here st1731????.css attached below tab1731.css
<!DOCTYPE html>
<html> Head and body syntax correct 1 mark
<head>
<link rel="stylesheet" href="tab1731.css">
<link rel="stylesheet" href="st17319999.css">
<title>0417 June 2107 paper 31</title>
</head>
May/June 2017
0417/32

Create a web page called 1732upload.htm


This web page must work in all browsers and will have a table structure with visible borders
and gridlines, as shown below.
• Attach the stylesheet 1732web.css to your webpage.

A trainee has started to create a second stylesheet to be added to the web page. The stylesheet is not
finished and contains a number of errors.

• Open the stylesheet 1732ss.css in a suitable software package.


• The web page and stylesheet must work in any browser and use the most efficient method.
All colour codes are in hexadecimal. Make sure your stylesheet contains no html. The
specifications for this stylesheet are:

table position centre aligned within the browser window


size 600 pixels wide
h1 Colour: Blue 80, Red 0, Green 0
Font: Chalkduster, but if not available then Verdana, or if
these fonts are not available, the browser’s default
sans-serif font
30 points high
Alignment centre
h2 Font: Arial or if this font is not available, the browser’s
default sans-serif font
16 points high
h3 Font: Arial or if this font is not available, the browser’s
default sans-serif font
14 points high
Italicised
List style Font: Arial or if this font is not available, the browser’s
default sans-serif font
16 points high

• Correct and complete this stylesheet using the information above.


• Add your name, Centre number and candidate number as a comment at the start of the
stylesheet.
• Save this stylesheet in your 1732_html folder. Use the filename 1732ss followed by your
candidate number, e.g. 1732ss9999.css
• Attach this stylesheet to your webpage so that it has a higher priority than the stylesheet
attached in step 8.
[18]
Comments /* Candidate details */ 1 mark

h1 color: #000080 1 mark


font-family: Chalkduster 1 mark

font-size:30pt 1 mark

h2,h3,li font-family:Arial,sans-serif 1 mark


font-family one style set for all 3 styles 1 mark

font-size one style set for these 2 styles 1 mark


Evidence 5 h3 font-size:14pt 1 mark

CSS syntax Including ; between properties 1 mark


May/June 2018
0417/31

You work for Hothouse Design and will develop web pages for a small construction company called
Bobby’s Bricks.

Efficient markup and stylesheets must be used. All colour codes must be in hexadecimal.

• The external table border must have a width of 4 pixels and all internal gridlines must have a
width of 2 pixels. Table borders and gridlines must be visible.

• Attach the stylesheet BBstyle.css to your web page and to BBcontact.htm

The stylesheet has been started but needs to be improved using the most efficient syntax. Make sure
your stylesheet does not contain any html.

• Open the stylesheet BBstyle.css in a suitable software package and examine its contents.
• Edit this stylesheet so that it has the following specifications:

Styles h1, h2 and h3 display the font Zapf Chancery, if this is


not available then Blackadder ITC, if neither of these fonts are
available then display the default serif font.
Styles h1, h2 and h3 must be centre aligned text.
Style h1 must be red with no green or blue elements.
Style h2 must be blue with no green or red elements.
Style h3 must be blue with no green or red elements.
All borders and gridlines must be red with no green or blue
elements and match the requirements of question 1.

h1, h2, h3 all have priority font as Zapf Chancery 1


« then secondary font as Blackadder ITC 1
« then serif 1
“Zapf Chancery” and “Blackadder ITC” both in
speech marks 1
h1, h2, h3 all have text-align:center 1
Evidence 3 Fonts and text-align applied once to all 3 styles 1
body { background-color: #cfc5ab}
h1,h2,h3 { font-family: "Zapf Chancery","Blackadder ITC",serif;
text-align: center;}
h1 color:#ff0000 1
h1 { color: #ff0000;} h2,h3 color:#0000ff 1
h2,h3 { color: #0000ff;}

Table border 4px and cell border 2px 1


Table,td Border-color: #ff0000 1

table,td { border-color: #ff0000; border-collapse: collapse; border-style:solid;}


table {border-width: 4px; }
td {border-width: 2px;}
May/June 2018
0417/32

You work for Hothouse Design and will develop web pages for the Colorado Cabin Company.

Many of the people who will view the web page have a very slow internet connection, so efficient
markup must be used.

• Table borders must not appear on the final web page.

• Attach the stylesheet j1832ss.css to the web page.


• Save the web page.

body {background-color:#f19001;}
h3 {text-align:left;}
h2 {text-align:justify;}
h1 {text-align:center;
color:#7d3834;
font-family: Times, "Times New Roman", serif;}
May/June 2019
0417/31

A new style is to be added to a stylesheet to meet this specification:

Style h6 must be a 14 point right aligned font. It should be set to Arial, or


select the browser’s default sans-serif font if Arial is not available.

This was created:

.h6 {font-family:Arial;sans-serif;font-size:14pt;text-allign:right}

• Evaluate in your own words how effectively this css meets the specification for the style. [4]

You are going to create a web page and edit a stylesheet for Special-Disk-Sales. Many of the people
who will view the web page have a very slow internet connection. The web page and stylesheet must
work in any browser. All colour codes must be in hexadecimal. Make sure that your stylesheet contains
no HTML.
• Table borders must not appear on the final web page.

• Attach the stylesheet SDSstyle.css to this web page. [1]


• Save your web page.

• Edit the stylesheet SDSstyle.css to meet the following specifications:

h1 font set to Arial or if that is not available to Helvetica or if that is not


available to the browser’s default sans-serif font
52 points high
italic
centre aligned
colour set with no blue or red components, but green set to 7f
h2 font set to Arial or Helvetica or the browser’s default sans-serif font
fully justified text

• Add your name, centre number and candidate number as a comment at the start of the
stylesheet.
Four from:
text-allign misspelt so won’t work 1 mark
It will never open the default sans serif font as ; after Arial 1 mark
Ineffective as it is a class not a style 1 mark
font-size statement is correct and works 1 mark
font-family would set font to Arial if it is available 1 mark

Stylesheet
Correct comment added with /* details */ 1 mark
h1 font-size:52pt 1 mark
font-style:italic 1 mark
text-align:center 1 mark
color:#007f00 1 mark
h2 text-align:justify 1 mark
May/June 2019
0417/32
• A trainee has attempted to create this using HTML:

<td>
<li> Cloud storage</li>
<li> 10GB free for the first 6 months</li>
<li> Best rates for a single region</li>
<li> Premium service for multi-regional</li>
<li> Hard disk drives</li>
<li> Solid state drives</li>
</td>

• Analyse this HTML and suggest amendments. Identify where each of these amendments
should be placed. Do not include CSS. [5]

• Complete each sentence with the name of the web development layer.

• Place your answers in your Evidence Document.

(a) The ______________ layer is used by scripting languages.

(b) The ______________ layer is used for a hyperlink to open a word processed document.

(c) The ______________ layer is used for the markup language.

(d) The ______________ layer is used to apply styles to all web pages in a website.
[4]
You are going to create a web page and edit a stylesheet for Super-Disk-Sales. Many of the people
who will view the web page have very slow internet connection. The web page and stylesheet must
work in any browser. All colour codes must be in hexadecimal. Make sure that your stylesheet contains
no HTML.
• Table borders and gridlines must appear on the final web page.
• Attach the stylesheet SSDstyle.css to this web page.
• Save your web page.
• Open the stylesheet SSDstyle.css in a suitable software package. Edit this stylesheet to meet
these specifications:

h1, h2, h3 font set to Arial or if this is not available Helvetica or if


neither of these fonts are available then display the default
sans-serif font

font colour set to the hexadecimal number 361215

centre aligned text

h1 30 points high

h2 14 points high

h3 20 points high

all table cells padding set to 15 pixels


no collapsed borders

background colour blue component set to the hexadecimal number 99 and ff


for both the red and green components
<td>
Ordered list 1 mark
<ol>
<li> Cloud storage</li> Unordered list 1 mark
<ul>
<li> 10GB free for the first 6 months</li>
<li> Best rates for a single region</li>
<li> Premium service for multi-regional</li>
</ul>
<li> Hard disk drives</li> Close unordered list 1 mark
<li> Solid state drives</li>
</ol>
Close ordered list 1 mark
</td>
Unordered list embedded within ordered list 1 mark

Alternative answer format:


Identifying an ordered list required 1 mark
Ordered list placed before Cloud storage and closed after Solid state drives 1 mark
Identifying an unordered list required 1 mark
Unordered list placed after Cloud storage and closed before Hard disk drives 1 mark
Unordered list embedded within ordered list 1 mark

Evidence 2
(a) Behaviour
1 mark each 4 marks
(b) Content/structure
(c) Content/structure
(d) Presentation

Stylesheet
h1,h2,h3 color:#361215 1 mark
text-align:center 1 mark
h1 font-size:30pt 1 mark
h2 and h3 14pt and 20pt respectively 1 mark
table {border-collapse:separate} 1 mark
td {padding:15px} 1 mark
body background-color: 1 mark
#ffff99 1 mark
Correct comment added with /* details */ 1 mark
May/June 2020
0417/31

You are going to create a web page and edit a stylesheet for Tawara Gaming Computers. The web
page and stylesheet must work in any browser. All colour codes must be in hexadecimal. Make sure
that your stylesheet contains no HTML.
The table shows the spacing between cells which will be set when your stylesheet is edited
Table borders must not appear on the final web page.
Attach the stylesheet 2031-tgc.css to this web page.

Save your web page.

Open the stylesheet 2031-tgc.css in a suitable software package. Edit this stylesheet to meet the
following specification:

All table borders have a width of 0 and gridlines are separated. All cell spacing within the table
is set to 20 pixels. The background colour of the table is black. All tables are centre aligned in
the browser. There is no cell padding.

The background image 2031-bg.png is set to repeat to fill the browser window.

Styles h1, h2 and h3 are green (with no red or blue components) and have the font Segoe
print, if it is not available then Verdana, or if neither of these fonts are available the browser’s
default sans serif font.

Style h1 is set to 36 points high.

Style h2 is set to 14 points high, left aligned.

Style h3 is set to 12 points high, right aligned.

Add your name, centre number and candidate number as a comment at the bottom of the
stylesheet.

Take a screenshot of the contents of your stylesheet.


table border-collapse:separate; 1 mark
border-width:0px; 1 mark
border-spacing:20px; 1 mark
background-color:#000000; 1 mark
margin-left:auto; margin-right:auto; 1 mark
td padding:0px 1 mark
body background-image: url("2031-bg.png"); 1 mark
background-repeat:repeat; 1 mark
h1,h2,h3 color:#00ff00; 1 mark
font-family:"Segoe print" 1 mark
In speech marks 1 mark
,Verdana 1 mark
,sans-serif 1 mark
Single statement for all 3 styles 1 mark
h1 font-size:36pt; 1 mark
text-align retained as center 1 mark
h2 font-size:14pt; 1 mark
text-align:left 1 mark
h3 font-size:12pt; 1 mark
text-align:right 1 mark
comment Comment added with /* name */ 1 mark
CSS syntax Correct css syntax 1 mark
May/June 2020
0417/32

You are going to create a web page for the Alinao Beach and Dive Resort in the Philippines. The web
page must work in any browser. All colour codes must be in hexadecimal.
The table shows the spacing between cells which will be set when your stylesheet is attached
Table borders must appear on the final web page.

Attach the stylesheet 2032-ab.css to this web page.

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="2032-ab.css">
<Title>Alinao Beach and Dive Resort Homepage</title>
<base target="_blank">
</head>
<body> Stylesheet 2032-ab.css attached 1 mark
Target Base target=”_blank” 1 mark

/* A Candidate ZZ999 9999 */

td { padding:10px;
border-style:solid;
border-width:2px; }

table { border-collapse:collapse;
border-style:solid;
border-width:2px; }

h1,h2,h3 { text-align:center;
font-family: Arial, sans-serif}
May/June 2021
0417/31
This web page must be created using a single table and must work in all browsers. The table must
fit 80% of the browser window.

Each table cell is identified with a letter. Some dimensions are shown. These must be set as
percentage values and not in pixels.

Table borders must not appear on the final web page.

Attach the stylesheet j2131bhh.css to this web page.

Open and edit the stylesheet j2131bhh.css to meet the following specifications:

Set the background for the web page so that it has a colour with a:

• blue component of 36
• red component of 21
• green component of 2f

Set the background for the web page so that the image j2131bg.png is placed in only the top
left corner of the window.

Set the font for styles h1, h2, h3 and for the paragraph style, so that the browser selects and
displays the font San Francisco. If this font is not available, the browser selects and displays
the font Calibri. If neither of these fonts are available, the browser should display its default
sans-serif font.

Set the paragraph style so the text is fully justified with a 12 point font.

Right align all tables in the browser window.

Add your name, centre number and candidate number as a comment at the end of the stylesheet.

All colour codes must be displayed in hexadecimal. Make sure that your stylesheet contains no
HTML or scripting language. Save this stylesheet in your bhh folder.
table margin-left:auto; 1 mark
body background-color: #212f36; 1 mark
background-image: url('j2131bg.png'); 1 mark
background-repeat: no-repeat; 1 mark
background-position: left top; 1 mark
h1,h2,h3,p font-family: San Francisco
"San Francisco" in speech marks 1 mark
,Calibri

All using single selector 1 mark

font-size: 12pt 1 mark


Correct css syntax 1 mark
/* Candidate details at bottom */ 1 mark

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="j2131bhh.css">
<Title>Bali Holiday Homes Homepage</title>
<base target="_self">
</head>
Stylesheet j2131bhh.css attached 1 mark
Title Bali Holiday Homes Homepage
Target Base target="_
May/June 2021
0417/32

You are going to create a web page and stylesheet to show examples of underwater macro photography.
The web page and stylesheet must work in any browser. All colour codes except those provided in the
source files must be in hexadecimal. Make sure that your stylesheet contains no HTML. Make your
HTML and stylesheet as efficient as possible.

This web page must be created using a single table and must work in all browsers. The table must
fit 90% of the browser window.

Table borders must not appear on the final web page.


Attach the stylesheet j2132ump.css to this web page.
Open and edit the stylesheet j2132ump.css to meet the following specifications:

Centre align all tables within the browser window.

Set the background for the web page so that it has a colour with a:

• blue component of d6
• red component of 6f
• green component of ea

Set the font for styles h1 and h2, so that the browser selects and displays the font Domino
Regular. If this font is not available, the browser selects and displays the font Domino. If neither
of these fonts are available, the browser should display its default serif font. Set each of these
fonts as black.

Set style h1 so the text is centre aligned with a 24 point font.

Set style h2 so the text is fully justified with a 16 point font.

Add your name, centre number and candidate number as a comment at the start of the stylesheet.

Save this stylesheet in your ump folder.

Take a screenshot to show the file name and all contents of your stylesheet.
Comment /* Candidate details at top */ 1 mark

body background-color: #6fead6 1 mark


h1,h2 { } font-family: Domino Regular
ʺDomino Regularʺ in speech marks 1 mark
, Domino
, serif 1 mark
color: #000000 1 mark
Both using single selector 1 mark
h1 {…} text-align: center; 1 mark
font-size: 24pt 1 mark
h2 {…} text-align: justify 1 mark
font-size: 16pt 1 mark
CSS syntax Correct css syntax 1 mark
May/June 2022
0417/31

You are going to create a web page for Tawara Balloon Safaris. The web page and stylesheet must
work in any browser. Make sure that your stylesheet contains no HTML. Make sure your HTML and
stylesheet are as efficient as possible.

This web page must be created using a single table and must work in all browsers. The table must
fit 90% of the width and height of the browser window.

Table borders must appear on the final web page.

Rename the stylesheet j31stylesheet.css to j31stylesheet_ followed by your centre number_


candidate number, for example, j31stylesheet_ZZ999_9999

Make sure this stylesheet is still in cascading stylesheet file format.

Attach this stylesheet to your web page.

A trainee has attempted to create the stylesheet for this website. This file contains a number of errors
and omissions. All colour codes must be displayed in hexadecimal. Your stylesheet must not contain
HTML or scripting language.
Open and edit the stylesheet you saved in step to meet the following specifications:
Set the background for the web page so that it has a colour with a:

• blue component of d2
• red component of 74
• green component of ab

Set the font for styles h1, h2 and h3 so that the browser selects and displays the font Times CY.
If this font is not available, the browser selects and displays the font Times New Roman. If
neither of these fonts are available, the browser must display its default serif font. Set the text in
styles h1, h2 and h3 to black.

Set style h1 so the text is centre aligned with a 16-point font.

Set style h2 so the text is fully justified with a 12-point font.

Set style h3 so the text is left aligned with a 10-point font.

Set each table margin individually to 5% of the width and height of the browser window.

Set all table cell padding to 10 pixels.

Set all table borders and gridlines to be:

• visible
• separated
• solid
• black
• 1 pixel wide.

Set the spaces between the borders of all table elements to 10 pixels.

Correct and edit the comment at the start of the stylesheet to contain your name, centre number
and candidate number.
Comment /* Candidate details at top 1 mark
*/ corrected 1 mark
body {…} background-color: #74abd2 1 mark

h1,h2,h3 {…} font-family: "Times CY" 1 mark


,"Times New Roman" 1 mark

color: #000000 1 mark


all 3 correct fonts & colour in h1, h2, h3 1 mark
3 styles using single selector 1 mark

h1 {…} text-align:center; 1 mark


font-size: 16pt 1 mark
h2 {…} text-align:justify; 1 mark
font-size: 12pt 1 mark
h3 {…} text-align:left; 1 mark
font-size: 10pt 1 mark
table {…} border-collapse: separate; 1 mark

table,td {…} border-width:1px 1 mark

All using single selector 1 mark


td {…} padding:10px; 1 mark
CSS syntax Correct css syntax 1 mark

<!DOCTYPE html>
Title accurate and in head section 1 mark
<html>
<base target="_new"> in head section 1 mark
<head>
<Title>Tawara Balloon Safaris</title>
<base target="_new"/>
<link rel="stylesheet" type="text/css"
href="j31stylesheet_ZZ999_9999.css">
</head>
Stylesheet attached in head section … 1 mark
<body> … renamed as j31stylesheet_ZZ999_9999.css 1 mark
<table style="width:90%;" border="1">
May/June 2022
0417/32
You will create a stylesheet to be attached to the web page you copied to the folder j2232 in step 18. All
colour codes must be displayed in hexadecimal. Your stylesheet must not contain HTML or scripting
language.

Create a new stylesheet to meet the following specifications:

Add a comment at the start of the stylesheet to contain your name, centre number and candidate
number.

Set the font for styles h1, h2 and h3 so that the browser selects and displays the font
Casion Pro Bold. If this font is not available, the browser selects and displays the font
Times New Roman. If neither of these fonts are available, the browser should display its default
serif font.

Set style h1 so the text is red, centre aligned with a 30-point font.

Set style h2 so the text is black, fully justified with an 18-point font.

Set style h3 so the text is black, left aligned with a 14-point font.

Set the table to 25% from the right margin of the browser window and 5% from all other margins
of the browser window.

Set the padding for all table cells to 10 pixels.

Set all table borders and gridlines so that they are not visible.

Set the background for the web page so that it has a colour with a:

• green component of 9f
• blue component of 25
• red component of da

Set the background for the webpage to have the image j2232logo.png placed:

• only once
• in the top right corner
• in a fixed position so that it will not scroll with the web page
• with a width of 200 pixels
• with a height of 150 pixels

Save this stylesheet, in cascading stylesheet format, in your j2232 folder with the file
name j2232css_ followed by your centre number_candidate number, for example,
j2232css_ZZ999_9999
Saved Correct filename and type 1 mark
Comment /* Candidate details at top */ 1 mark
h1,h2,h3 { } font-family: "Casion Pro Bold" 1 mark
, "Times New Roman" 1 mark

all 3 correct fonts in h1, h2, h3 1 mark


3 styles using single selector 1 mark
h1 {…} color: #ff0000; 1 mark

h2 {…} text-align:justify; 1 mark

h3 {…} text-align:left; 1 mark

h2 and h3 color: #000000 1 mark


table and td border: 0; 1 mark
table {…} margin-top: 5%; 1 mark
margin-right: 25%; 1 mark

margin-left: 5% 1 mark
td {…} padding:10px 1 mark
body {…} background-color: #da9f25; 1 mark

… 150px; 1 mark
background-repeat: no-repeat; 1 mark
background-attachment: fixed; 1 mark
background-position: top …
… right; 1 mark
CSS syntax Correct CSS syntax 1 mark
May/June 2023
0417/31

You are working as part of a team of web developers at TawaraWeb and have been asked to create
parts of a web page for a client.

Create CSS to be added to an external stylesheet to meet these specifications:

Set the font for h1, h2, h3 and the paragraph styles so that the browser selects and displays the
font Calibri. If this font is not available, the browser selects and displays the font Helvetica Neue.
If neither of these fonts is available, the browser should display its default sans-serif font.

Place a copy of your CSS in your Evidence Document.

Create all the head section of a web page to meet these specifications:

Title for the web page is Weather Data

Metatags:

• set the character encoding to ISO-8859-1


• set the name of the author to TawaraWeb followed by a space then your name
• set the web page description to Weather data for the Tawara region
• set the viewport to the width of the device being used with an initial scaling of 2
• set two appropriate metatag keywords for use by search engines for this page.

Set the default target window to _blank if a new web page is opened from within this web
page.

Place a copy of your HTML source in your Evidence Document.


h1,h2,h3,p {font-family:Calibri,"Helvetica Neue",sans-serif}

CSS All 4 correct styles selected 1 mark


font-family:Calibri
, "Helvetica Neue" in speech marks 1 mark
, sans-serif; 1 mark
Correct CSS syntax with selector { } 1 mark
<head>
<title>Weather Data</title>
<meta charset="ISO-8859-1">
<meta name="author" content="TawaraWeb A Candidate">
<meta name="description" content="Weather data for the Tawara region">
<meta name="viewport" content="width=device-width, initial-scale=2.0">
<meta name="keywords" content="Tawara, weather">
<base target="_blank">
</head>
Head section <head> 1 mark
<title>Weather Data
<meta … > 1 mark
… charset= … 1 mark
… "ISO-8859-1
<meta name= … > 1 mark
… "author" … 1 mark
… content="TawaraWeb A Candidate" 1 mark
<meta name= … > 1 mark
… "description" … 1 mark
… content="Weather data for the Tawara region" 1 mark
<meta name="viewport" …> 1 mark
… content="width=device-width … 1 mark
…, initial-scale=2.0" 1 mark
<meta name="keywords" … > 1 mark
… content=" … " 1 mark
… Tawara … 1 mark
… comma separator 1 mark
… weather 1 mark
<base … > 1 mark
target="_blank
May/June 2023
0417/32

You are going to create a web page and stylesheet to promote the Tawara Animal Sanctuary. The
web page and stylesheet must work in any browser. All colour codes are in hexadecimal and any new
colour codes must also be in hexadecimal. Make sure that your stylesheet contains no HTML. Make
your HTML and stylesheet as efficient as possible.

This web page must be created using a single table and work in all browsers. The table must fit
80% of the browser window.

Table borders must not appear on your final web page.

Use video and source tags to place in cell B the video file j2332tiger.mp4

The video must fit the width of the cell. Display an appropriate text‑based error message if the
browser does not support this video type.

Attach the stylesheet j2332tas.css to this web page.

Row 2 left video <…> tag used … 1 mark


… width="100%” 1 mark
source<…> tag used … 1 mark
… src="j2332tiger.mp4" 1 mark

Appropriate error message 1 mark


<video width="100%" autoplay loop>
<source src="j2332tiger.mp4" type="video/mp4">
Your browser does not support this video file type.
</video>

td { border: 0px solid black;}

h1,h2,h3,p { font-family: Arial,Helvetica,sans-serif;


text-align:center;}

table { border: 0px solid black;


border-collapse: separate;
border-spacing:20px;
margin-left:auto;
margin-right:auto;}

img { width:100%;}

body { background-color: #abc8a4;}

You might also like