Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML Coding

Total questions: 10

Worksheet time: 8mins

Name
Class
Date
1.

Complete choosing the missing code for hyperlinks:

<a ____ "https://www.w3schools.com">This is a link</a>

a)

href=

b)

style=

c)

<p>

d)

img src=

2.

Specify an alternate text for the image. Choose the missing section of the code:

<img src="w3schools.png" ____="w3schools Logo">

a)

alt

b)

href

c)

img

d)

src

3.

Use the correct HTML code to set the color of the paragraph to "blue":

<p (a)   ="color:blue;">This is a paragraph.</p>

4.

Use the HTML code to set the font of the paragraph to "courier".

<p style=" (a)   -family:courier;">This is a paragraph.</p>

5.

Use HTML code to center align the paragraph. Choose below the correct missing word:

<p style="text-____:center;">This is a paragraph.</p>

a)

href

b)

align

c)

center

d)

img

6.

Use HTML code to set the text size to 50 pixels. Choose the correct missing word on the code:

<p style="font-_____:50px;">This is a paragraph.</p>

a)

width

b)

height

c)

size

d)

href

7.

Use HTML code to set the background color of the document to yellow.

<body style=" (a)   -color:yellow;">

8.

Use the HTML code to add a heading in size 1. Type the correct missing character:

<h1>This is a heading< (a)   h1>

9.

Use the HTML image attributes to set the size of the image to 250 pixels wide and 400 pixels tall:

<img src="scream.png" width="250" ____="400">

a)

align

b)

center

c)

height

d)

tall

10.

Use HTML code to set the size of the image to 250 pixels wide and 400 pixels tall. Type them in the right order separeted using a coma:

<img src="scream.png" style="width:___;height:___;">

(a)