Scribd
Upload
26 views12 pages

Nedzad Altumbabic Practice Test

The document is a test with multiple choice questions about HTML and CSS. It provides the test taker's responses to how many questions they answered in each of the 6 sections of the test, and they report spending about 40 minutes working on the test but realizing how much they still have to learn.

Uploaded by

Fruit Veggie
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
26 views12 pages

Nedzad Altumbabic Practice Test

The document is a test with multiple choice questions about HTML and CSS. It provides the test taker's responses to how many questions they answered in each of the 6 sections of the test, and they report spending about 40 minutes working on the test but realizing how much they still have to learn.

Uploaded by

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

When taking this test, do not use google or any other resource.

Just answer the questions with the


knowledge you currently have. You are not expected to be able to complete the entire test. When
you are finished taking this test, answer these questions.

In Section 1, how many questions did you answer? 18

In Setion 2, how many questions did you answer? 16

In Section 3, how many questions did you answer?5

In Setion 4, how many questions did you answer? 2

In Section 5, how many questions did you answer?0

In Section 6, how many questions did you answer?2

How much time did you spend working on this test?

About 40 min, but i realize how much i don't know...

SECTION 1

1. Write the correct HTML tag to define a header section.

<header> </header>

2. What is the correct HTML tag for defining a table row?

<table> <tr> </tr> </table>

3. Write the correct HTML tag to define an input field for an email address.

<input type=“email“>

4. What is the correct HTML tag for defining a section of the document that can be reused
in multiple places?

<section> </section>

5. Write the correct HTML tag to define a line of code or programming instruction.

<!DOCTYPE html> </htm>

6. What is the correct HTML tag for defining a subscript text?

<sub> </sub>

7. Write the correct HTML tag to define a footer section.

<footer> </footer>
8. What is the correct HTML tag for defining a dropdown menu item?

<select> </select>

9. Write the correct HTML tag to define an image map.

<img> </img>

10. What is the correct HTML tag for defining a hyperlink that opens a new window?

target=“_blank“

11. Write the correct HTML tag to define an ordered list.

<ol> </ol>

12. What is the correct HTML tag for defining a citation?

<cite> </cite>

13. Write the correct HTML tag to define a text field for entering a URL.

<text-field

14. What is the correct HTML tag for defining a section of the document that contains
metadata about the document?

<meta charset=“utf-8“>

15. Write the correct HTML tag to define a horizontal rule.

Text-align:cemter;

16. What is the correct HTML tag for defining a highlighted text?

17. Write the correct HTML tag to define an audio element.

<audio> </audio>

18. What is the correct HTML tag for defining a section of the document that contains a
quote or citation?

<q> </q>

19. Write the correct HTML tag to define a video element.

<video> </video>

20. What is the correct HTML tag for defining a text area for entering multiple lines of text?
SECTION 2

1. Write the CSS code to set the font family of a paragraph to "Arial".

p{

font-family:arial;

2. What is the CSS property used to set the font size?

font-size:

3. Write the CSS code to set the font weight of a heading to bold.

Heading {

Weight:bold;

4. What is the CSS property used to set the font color?

color:

5. Write the CSS code to set the background color of a div to #f1f1f1.

Div {

Background-color: #f1f1f1;

6. What is the CSS property used to set the width of an element?

widht

7. Write the CSS code to set the height of an image to 200 pixels.

Image {

Height:200px;

8. What is the CSS property used to set the padding of an element?

padding
9. Write the CSS code to set the margin of a div to 20 pixels.

Div {

Margin: 20px;

10. What is the CSS property used to set the border of an element?

border

11. Write the CSS code to set the text alignment of a paragraph to center.

P{

Text-align:center;

12. What is the CSS property used to set the line-height of an element?

Line-height

13. Write the CSS code to set the text decoration of a link to none.

.a {

Text-decoration:none;

14. What is the CSS property used to set the opacity of an element?

opacity

15. Write the CSS code to set the background image of a div to "image.png".

Div {

Background-image:img(image.png);

16. What is the CSS property used to set the display property of an element?

Display:

17. Write the CSS code to set the font style of a text to italic.

Text {

Font-family:italic;

18. What is the CSS property used to set the z-index of an element?
19. Write the CSS code to set the box-shadow of a div to 2px 2px 5px #888888.

div {

box-shadow: 2px 2px 5px #888888

20. What is the CSS property used to set the text-transform of an element?
Text-transform

SECTION 3

1. Write the HTML code for a form with a text input field and a submit button.

<input type=“button“>

2. Write the CSS code to set the font size of all table cells to 16px.

Table {

Font-size:16px;

3. Write the HTML code for a table with two columns and two rows, where the first row
contains column headers and the second row contains data.

<table>
<tr>
<th>headers</th>
<td> </td>
</tr>
<tr>
<th>data</th>
<td> </td>
</table>

4. Write the CSS code to center align the text of all list items.

li {

text-align:center;

5. Write the HTML code for an ordered list with three list items.

<ol>

<li></li>

<li></li>

<li</li>

<li</li>

</ol>

6. Write the CSS code to set the background color of all even table rows to light gray.
7. Write the HTML code for a select element with three options: red, green, and blue.

8. Write the CSS code to set the font weight of all headings to bold.

Heading {

font-weight:bold;

9. Write the HTML code for a textarea element with 5 rows and 10 columns.

10. Write the CSS code to set the color of all links to blue.

a{

color:blue;

SECTION 4

1. Write the CSS code to create a box with a width of 200px, a height of 100px, a border
thickness of 2px, a solid black border color, and a solid blue background color.
2. Write the CSS code to center align a box horizontally within its parent container.

3. Write the CSS code to create a box with a width of 200px, a height of 100px, a padding of
20px on all sides, and a border thickness of 2px.

4. Write the CSS code to create a box with a width of 200px, a height of 100px, a margin of
50px on all sides, and a border thickness of 2px.

Box {

Width:200px;

Height:100px;

Margin: 50px auto;


5. Write the CSS code to create a box with a width of 200px, a height of 100px, a margin of
50px on the top and bottom and 100px on the left and right, a padding of 10px on all
sides, and a border thickness of 2px.

box {

width:200px;

height:100px

margin-top: 50px;

margin-bottom:50px;

margin-right: 100px;

margin-left: 100px;

padding: 10px auto;

SECTION 5

1. Write the CSS code to create a flex container with a direction of row and wrap set to
wrap.

2. Write the CSS code to align items in the center of a flex container.
3. Write the CSS code to distribute items evenly along the main axis of a flex container.

4. Write the CSS code to give an item in a flex container a fixed width of 100px and a flex-
grow value of 1.

5. Write the CSS code to give an item in a flex container a fixed width of 100px and prevent
it from shrinking or growing with flex-shrink and flex-grow properties set to 0.

SECTION 6

1. Write the CSS code to create a red heading with a font size of 36px and a line height of
1.5.
2. Write the CSS code to center a paragraph of text horizontally within its parent container.

3. Write the CSS code to add a 2px solid border to an image and position it 10px from the
top and right edges of its container.

Border: 2px solid;


Margin: 10px 10px;

4. Write the CSS code to create a link that changes color to blue when hovered over.

5. Write the HTML and CSS code to create a paragraph of text with a background color of
yellow, white text color, and a line height of 1.5.
H1 {

Color:red;

Font-size: 36px;

Line-height:1.5;

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy