images
2 sub-questions across 1 paper, 4 marks total.
Computer Applications Technology 2026
Using 6_PressKit.docx and the two images 6_banner.jpg and 6_hub.jpg, create a single PNG logo named 6_YISALogo.png. Save it in your examination folder.
Show answerHide answer
Open 6_PressKit.docx and follow its layout cues. Place 6_banner.jpg and 6_hub.jpg together as instructed (Insert → Pictures; arrange with Wrap Text so they can sit together).
Select both pictures (Ctrl+click), right-click → Group.
Right-click the group → Save as Picture… → choose PNG → name
6_YISALogo.png→ save into the exam folder.Fallback: copy the group, paste into any image tool or use Snipping Tool, and save as PNG.
Why this earns the marks
marks for one combined image, and correct name and format in the right folder — three separate checks on the output file itself, not on the steps used to produce it. A picture file keeps the combined design as one object, which is what the HTML page needs, because an <img> tag can only reference a single image file — there's no HTML markup that combines two separate files into one displayed picture, so the combining has to happen beforehand, in an image or document tool, producing one new file. The extension must be .png, not .jpg, since the task specifically asks for a PNG (a format that, unlike JPG, supports transparency — useful for a logo that might sit over a coloured background), and a mismatched extension is treated as the wrong file even if the image content itself is correct.
Add 6_YISALogo.png to the top of 6_YouthInnovate.html, centred, width 320, with meaningful alt text.
Show answerHide answer
Save (the paper says save, then later close) 6_YouthInnovate.html. Close all open files at the end of the question.
<body>
<p align="center"><img src="6_YISALogo.png" width="320" alt="Youth Innovate SA logo"/></p>
<h1>...</h1><body>
<p align="center"><img src="6_YISALogo.png" width="320" alt="Youth Innovate SA logo"/></p>
<h1>...</h1>Why this earns the marks
the image goes first inside body, above the heading ("top of"), because HTML content renders in the exact order it appears in the source — there's no separate "position" property to set, so the only way to make an element appear first is to place its tag first. align="center" on the paragraph centres it (an image itself has no alignment attribute in this tag sheet, so it has to be wrapped in a centred container), width="320" sets size as a plain number of pixels (no unit suffix needed in this older HTML style, unlike modern CSS which would require px), and the alt describes what the logo is, which a screen reader or broken-image box will show, exactly as covered in the HTML links-and-images notes. The file name must match the PNG saved in 6.6 exactly, and the PNG must be in the same folder as the HTML, because src is a file path the browser resolves literally — any mismatch in spelling, case, extension or folder location means the browser simply cannot find the file.