html match the following tags
contains the visible page content
</div>
<div
id="866fc219-f9f7-483f-9ade-c783ad6d22b8"
class="worksheet-text worksheet-field worksheet-font-size-responsive d-flex flex-column align-items-start justify-content-start"
data-width="204"
data-height="30"
data-num-page="0"
data-top-position="310"
data-left-position="744"
data-font-size="17"
data-font-color="#000000"
style="width: 204px; height: 30px; top: 310px; left: 744px; font-size: 17px; line-height: 17px;background-color: rgba(255, 255, 255, 0);z-index: 4;text-align: left;font-family: 'Quicksand';"><p><span style="font-family: Quicksand;"><span class="worksheet-font-size-responsive" data-font-size="17" style="font-size: 17px;line-height: 17px;color: #000000;">defines a large heading</span></span></p></div>
<div
id="207500f2-eb30-4195-9bce-0e2d7ec83353"
class="worksheet-polygon worksheet-field"
data-width="75"
data-height="70"
data-num-page="0"
data-top-position="380"
data-left-position="30"
data-type="border"
style="width: 75px; height: 70px; top: 380px; left: 30px;color: #000000;opacity: 1;z-index: 4;">
<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="75" height="70">
<rect x="1px" y="1px" width="97%" height="97%" stroke="#000000" fill="transparent" stroke-width="2px" rx="10px" ry="10px" stroke-linejoin="round" />
</svg>
</div>
<div
id="37f18924-8c4d-457e-87b6-30c0057350ab"
class="worksheet-join worksheet-field "
data-max-connections="1"
data-width="75"
data-height="70"
data-num-page="0"
data-top-position="380"
data-left-position="30"
data-mandatory="yes"
style="width: 75px; height: 70px; top: 380px; left: 30px;background-color: rgba(255, 255, 255, 0);z-index: 100;">
</div>
<div
id="9a013e4e-bf32-41e4-bad9-70d2569909e4"
class="worksheet-polygon worksheet-field"
data-width="163"
data-height="70"
data-num-page="0"
data-top-position="380"
data-left-position="803"
data-type="border"
style="width: 163px; height: 70px; top: 380px; left: 803px;color: #000000;opacity: 1;z-index: 4;">
<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="163" height="70">
<rect x="1px" y="1px" width="97%" height="97%" stroke="#000000" fill="transparent" stroke-width="2px" rx="10px" ry="10px" stroke-linejoin="round" />
</svg>
</div>
<div
id="7d369280-4bc8-483d-b660-132df05cbc69"
class="worksheet-join worksheet-field "
data-max-connections="1"
data-width="163"
data-height="70"
data-num-page="0"
data-top-position="380"
data-left-position="803"
data-mandatory="yes"
style="width: 163px; height: 70px; top: 380px; left: 803px;background-color: rgba(255, 255, 255, 0);z-index: 100;">
</div>
<div
id="94db9446-d555-40a4-97cb-ba62d18bacf4"
class="worksheet-text worksheet-field worksheet-font-size-responsive d-flex flex-column align-items-start justify-content-start"
data-width="35"
data-height="30"
data-num-page="0"
data-top-position="400"
data-left-position="50"
data-font-size="17"
data-font-color="#000000"
style="width: 35px; height: 30px; top: 400px; left: 50px; font-size: 17px; line-height: 17px;background-color: rgba(255, 255, 255, 0);z-index: 4;text-align: left;font-family: 'Quicksand';"><b> </div>
<div
id="238c752c-67d6-43a7-b42f-c546edd29ea1"
class="worksheet-text worksheet-field worksheet-font-size-responsive d-flex flex-column align-items-start justify-content-start"
data-width="123"
data-height="30"
data-num-page="0"
data-top-position="400"
data-left-position="825"
data-font-size="17"
data-font-color="#000000"
style="width: 123px; height: 30px; top: 400px; left: 825px; font-size: 17px; line-height: 17px;background-color: rgba(255, 255, 255, 0);z-index: 4;text-align: left;font-family: 'Quicksand';"><p><span style="font-family: Quicksand;"><span class="worksheet-font-size-responsive" data-font-size="17" style="font-size: 17px;line-height: 17px;color: #000000;">left alignment</span></span></p></div>
<div
id="aedff563-e054-43cb-9767-ab18d512772c"
class="worksheet-join worksheet-field "
data-max-connections="1"
data-width="109"
data-height="70"
data-num-page="0"
data-top-position="470"
data-left-position="30"
data-mandatory="yes"
style="width: 109px; height: 70px; top: 470px; left: 30px;background-color: rgba(255, 255, 255, 0);z-index: 100;">
</div>
<div
id="8c0a9260-f6d5-4f2b-aad9-a5207ec38bfd"
class="worksheet-polygon worksheet-field"
data-width="109"
data-height="70"
data-num-page="0"
data-top-position="470"
data-left-position="30"
data-type="border"
style="width: 109px; height: 70px; top: 470px; left: 30px;color: #000000;opacity: 1;z-index: 4;">
<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="109" height="70">
<rect x="1px" y="1px" width="97%" height="97%" stroke="#000000" fill="transparent" stroke-width="2px" rx="10px" ry="10px" stroke-linejoin="round" />
</svg>
</div>
<div
id="6d8ab2ec-d20c-41c8-9f34-3082648a914d"
class="worksheet-polygon worksheet-field"
data-width="239"
data-height="70"
data-num-page="0"
data-top-position="470"
data-left-position="727"
data-type="border"
style="width: 239px; height: 70px; top: 470px; left: 727px;color: #000000;opacity: 1;z-index: 4;">
<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="239" height="70">
<rect x="1px" y="1px" width="97%" height="97%" stroke="#000000" fill="transparent" stroke-width="2px" rx="10px" ry="10px" stroke-linejoin="round" />
</svg>
</div>
<div
id="501877a7-51fa-493c-baea-87a67e5f30fa"
class="worksheet-join worksheet-field "
data-max-connections="1"
data-width="239"
data-height="70"
data-num-page="0"
data-top-position="470"
data-left-position="727"
data-mandatory="yes"
style="width: 239px; height: 70px; top: 470px; left: 727px;background-color: rgba(255, 255, 255, 0);z-index: 100;">
</div>
<div
id="b7b86057-6e3a-4d6e-9256-4445ad098119"
class="worksheet-text worksheet-field worksheet-font-size-responsive d-flex flex-column align-items-start justify-content-start"
data-width="69"
data-height="30"
data-num-page="0"
data-top-position="490"
data-left-position="50"
data-font-size="17"
data-font-color="#000000"
style="width: 69px; height: 30px; top: 490px; left: 50px; font-size: 17px; line-height: 17px;background-color: rgba(255, 255, 255, 0);z-index: 4;text-align: left;font-family: 'Quicksand';"><body> </div>
<div
id="58f6e1f9-bf4a-4692-bc17-8554e1d744ef"
class="worksheet-text worksheet-field worksheet-font-size-responsive d-flex flex-column align-items-start justify-content-start"
data-width="199"
data-height="30"
data-num-page="0"
data-top-position="490"
data-left-position="749"
data-font-size="17"
data-font-color="#000000"
style="width: 199px; height: 30px; top: 490px; left: 749px; font-size: 17px; line-height: 17px;background-color: rgba(255, 255, 255, 0);z-index: 4;text-align: left;font-family: 'Quicksand';"><p><span style="font-family: Quicksand;"><span class="worksheet-font-size-responsive" data-font-size="17" style="font-size: 17px;line-height: 17px;color: #000000;">defines the bold of text</span></span></p></div>
<div
id="3f30ed66-db1a-4083-8126-9a55c13413b9"
class="worksheet-polygon worksheet-field"
data-width="275"
data-height="100"
data-num-page="0"
data-top-position="560"
data-left-position="691"
data-type="border"
style="width: 275px; height: 100px; top: 560px; left: 691px;color: #000000;opacity: 1;z-index: 4;">
<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="275" height="100">
<rect x="1px" y="1px" width="97%" height="97%" stroke="#000000" fill="transparent" stroke-width="2px" rx="10px" ry="10px" stroke-linejoin="round" />
</svg>
</div>
<div
id="7bb1e1fa-c62c-4032-a1d0-933b4f61508e"
class="worksheet-join worksheet-field "
data-max-connections="1"
data-width="275"
data-height="100"
data-num-page="0"
data-top-position="560"
data-left-position="691"
data-mandatory="yes"
style="width: 275px; height: 100px; top: 560px; left: 691px;background-color: rgba(255, 255, 255, 0);z-index: 100;">
</div>
<div
id="8e77efe8-9052-4a13-b8dc-29e2533cf446"
class="worksheet-polygon worksheet-field"
data-width="82"
data-height="70"
data-num-page="0"
data-top-position="575"
data-left-position="30"
data-type="border"
style="width: 82px; height: 70px; top: 575px; left: 30px;color: #000000;opacity: 1;z-index: 4;">
<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="82" height="70">
<rect x="1px" y="1px" width="97%" height="97%" stroke="#000000" fill="transparent" stroke-width="2px" rx="10px" ry="10px" stroke-linejoin="round" />
</svg>
</div>
<div
id="35e6d2f5-00f9-46f4-a57d-127463437fc6"
class="worksheet-join worksheet-field "
data-max-connections="1"
data-width="82"
data-height="70"
data-num-page="0"
data-top-position="575"
data-left-position="30"
data-mandatory="yes"
style="width: 82px; height: 70px; top: 575px; left: 30px;background-color: rgba(255, 255, 255, 0);z-index: 100;">
</div>
<div
id="e3578ef0-f518-4699-87d5-b1a93178b288"
class="worksheet-text worksheet-field worksheet-font-size-responsive d-flex flex-column align-items-start justify-content-start"
data-width="235"
data-height="60"
data-num-page="0"
data-top-position="580"
data-left-position="713"
data-font-size="17"
data-font-color="#000000"
style="width: 235px; height: 60px; top: 580px; left: 713px; font-size: 17px; line-height: 17px;background-color: rgba(255, 255, 255, 0);z-index: 4;text-align: left;font-family: 'Quicksand';"><p><span style="font-family: Quicksand;"><span class="worksheet-font-size-responsive" data-font-size="17" style="font-size: 17px;line-height: 17px;color: #000000;">specifies a title for the document</span></span></p></div>
<div
id="3c8059ea-59b5-4bb2-b63e-ec2427c7f2fb"
class="worksheet-text worksheet-field worksheet-font-size-responsive d-flex flex-column align-items-start justify-content-start"
data-width="42"
data-height="30"
data-num-page="0"
data-top-position="595"
data-left-position="50"
data-font-size="17"
data-font-color="#000000"
style="width: 42px; height: 30px; top: 595px; left: 50px; font-size: 17px; line-height: 17px;background-color: rgba(255, 255, 255, 0);z-index: 4;text-align: left;font-family: 'Quicksand';"><h1> </div>
</div>
<div id="worksheet-result">
<div id="worksheet-result-image"></div>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col">
<div class="d-flex flex-row justify-content-center">
<button id="finish-button" class="btn btn-primary btn-lg">
Finish </button>
</div>
</div>
</div>
<div class="row mt-2">
<div class="col mt-3 d-flex flex-row justify-content-end">
<a href="/report/html-match-the-following-tags-647c7f0166322">
<i class="fas fa-exclamation-triangle icon-tiny"></i>
<small>Report worksheet</small>
</a>
</div>
</div>
</div>
</div>
<div class="related-worksheets">
<h2>
Other worksheets of Technology: Programming </h2>
<div class="row d-flex flex-wrap">
<div id="worksheet-thumbnail-wrapper-5a17f1d5-b5d5-4145-8afe-01b65e946dde" class="d-flex col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 worksheet-thumbnail-wrapper" data-id="5a17f1d5-b5d5-4145-8afe-01b65e946dde">
<div class="card worksheet-thumbnail">
<img class="lazyload card-img-top" src="https://assets.topworksheets.com/assets/images/thumbnail.png" data-original="https://assets.topworksheets.com/5a17f1d5-b5d5-4145-8afe-01b65e946dde/thumbnail.jpg?version=663738f0776f6" />
<div class="card-body">
<div class="d-flex flex-row justify-content-between align-items-center mb-3 text-muted">
<div>
<span class="badge badge-outline-grey">
Technology </span>
</div>
</div>
<a href="/en/technology/programming/play-lab-project-663738ed77759" title="Play Lab Project" class="nostyle stretched-link">
<span class="worksheet-thumbnail-title font-weight-bold">
Play Lab Project </span>
</a>
</div>
<div class="card-footer d-flex flex-row justify-content-between align-items-center text-muted">
<div>
<i class="fas fa-language icon-tiny mr-1"></i><small>English</small>
</div>
</div>
</div>
</div>
<div id="worksheet-thumbnail-wrapper-d0640a26-7246-4a27-afd4-24b9fa6fd778" class="d-flex col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 worksheet-thumbnail-wrapper" data-id="d0640a26-7246-4a27-afd4-24b9fa6fd778">
<div class="card worksheet-thumbnail">
<img class="lazyload card-img-top" src="https://assets.topworksheets.com/assets/images/thumbnail.png" data-original="https://assets.topworksheets.com/d0640a26-7246-4a27-afd4-24b9fa6fd778/thumbnail.jpg?version=6625153800ad8" />
<div class="card-body">
<div class="d-flex flex-row justify-content-between align-items-center mb-3 text-muted">
<div>
<span class="badge badge-outline-grey">
Technology </span>
</div>
</div>
<a href="/en/technology/programming/image-resolution-662515341df95" title="Image Resolution" class="nostyle stretched-link">
<span class="worksheet-thumbnail-title font-weight-bold">
Image Resolution </span>
</a>
</div>
<div class="card-footer d-flex flex-row justify-content-between align-items-center text-muted">
<div>
<i class="fas fa-language icon-tiny mr-1"></i><small>English</small>
</div>
</div>
</div>
</div>
<div id="worksheet-thumbnail-wrapper-524f7377-2b96-49ac-b313-7aa220b209cf" class="d-flex col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 worksheet-thumbnail-wrapper" data-id="524f7377-2b96-49ac-b313-7aa220b209cf">
<div class="card worksheet-thumbnail">
<img class="lazyload card-img-top" src="https://assets.topworksheets.com/assets/images/thumbnail.png" data-original="https://assets.topworksheets.com/524f7377-2b96-49ac-b313-7aa220b209cf/thumbnail.jpg?version=6624c37df0e64" />
<div class="card-body">
<div class="d-flex flex-row justify-content-between align-items-center mb-3 text-muted">
<div>
<span class="badge badge-outline-grey">
Technology </span>
</div>
</div>
<a href="/en/technology/programming/binary-secret-message-6624c377e25ff" title="Binary Secret Message" class="nostyle stretched-link">
<span class="worksheet-thumbnail-title font-weight-bold">
Binary Secret Message </span>
</a>
</div>
<div class="card-footer d-flex flex-row justify-content-between align-items-center text-muted">
<div>
<i class="fas fa-language icon-tiny mr-1"></i><small>English</small>
</div>
</div>
</div>
</div>
<div id="worksheet-thumbnail-wrapper-6878462e-38eb-434a-8605-778195c7d23d" class="d-flex col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 col-xxl-3 worksheet-thumbnail-wrapper" data-id="6878462e-38eb-434a-8605-778195c7d23d">
<div class="card worksheet-thumbnail">
<img class="lazyload card-img-top" src="https://assets.topworksheets.com/assets/images/thumbnail.png" data-original="https://assets.topworksheets.com/6878462e-38eb-434a-8605-778195c7d23d/thumbnail.jpg?version=661b79df598fb" />
<div class="card-body">
<div class="d-flex flex-row justify-content-between align-items-center mb-3 text-muted">
<div>
<span class="badge badge-outline-grey">
Technology </span>
</div>
</div>
<a href="/en/technology/programming/operators-in-scratch-661b79db2ee47" title="Operators in Scratch" class="nostyle stretched-link">
<span class="worksheet-thumbnail-title font-weight-bold">
Operators in Scratch </span>
</a>
</div>
<div class="card-footer d-flex flex-row justify-content-between align-items-center text-muted">
<div>
<i class="fas fa-language icon-tiny mr-1"></i><small>English</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- finish modal -->
<div class="modal" id="modal-finish" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Finish worksheet</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div id="modal-finish-force-finish-text" class="hidden-important alert alert-warning">
The time to complete this worksheet is over. Complete the data to send the answers to your teacher </div>
<div id="modal-finish-send-fields" style="display:none;">
<div class="form-group mb-3">
<label for="student-name">Your name / nickname</label>
<input type="text" id="student-name" class="form-control" name="student-name" placeholder="Your name / nickname" required oninvalid="this.setCustomValidity('Name\x20or\x20nickname\x20is\x20mandatory')" oninput="setCustomValidity('')" />
<small id="student-name-error" class="text-danger"></small>
</div>
<div class="form-group mb-3">
<label for="student-group">Your group</label>
<input type="text" id="student-group" class="form-control" name="student-group" placeholder="Your group" required oninvalid="this.setCustomValidity('Group\x20is\x20mandatory')" oninput="setCustomValidity('')" />
<small id="student-group-error" class="text-danger"></small>
</div>
</div>
</div>
<div class="modal-footer">
<button id="modal-finish-button" type="button" class="btn btn-primary">
Finish </button>
</div>
</div>
</div>
</div>
<div class="modal" id="modal-share-worksheet" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Share on social networks</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row mt-3">
<div class="col text-center">
<a href="https://twitter.com/intent/tweet?text=html%20match%20the%20following%20tags&url=https%3A%2F%2Fwww.topworksheets.com%2Fen%2Ftechnology%2Fprogramming%2Fhtml-match-the-following-tags-647c7f0166322" target="_blank">
<i class="fab fa-twitter icon-big" style="color: #00acee;"></i><br />
<small>Twitter</small>
</a>
</div>
<div class="col text-center">
<a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.topworksheets.com%2Fen%2Ftechnology%2Fprogramming%2Fhtml-match-the-following-tags-647c7f0166322&t=html%20match%20the%20following%20tags" target="_blank">
<i class="fab fa-facebook icon-big" style="color: #3b5998;"></i><br />
<small>Facebook</small>
</a>
</div>
<div class="col text-center">
<a href="https://classroom.google.com/u/0/share?url=https%3A%2F%2Fwww.topworksheets.com%2Fen%2Ftechnology%2Fprogramming%2Fhtml-match-the-following-tags-647c7f0166322&title=html%20match%20the%20following%20tags" target="_blank">
<img height="48px" src="/assets/images/icons/google-classroom.svg"><br />
<small>Google Classroom</small>
</a>
</div>
<div class="col text-center">
<a href="https://pinterest.com/pin/create/link/?url=https%3A%2F%2Fwww.topworksheets.com%2Fen%2Ftechnology%2Fprogramming%2Fhtml-match-the-following-tags-647c7f0166322&description=html%20match%20the%20following%20tags&media=https%3A%2F%2Fassets.topworksheets.com%2F90e18fcf-cffc-495c-a924-75392f4a5c27%2Fthumbnail.jpg" target="_blank">
<i class="fab fa-pinterest icon-big" style="color: #C8232C;"></i><br />
<small>Pinterest</small>
</a>
</div>
<div class="col text-center">
<a href="https://api.whatsapp.com/send?text=html%20match%20the%20following%20tags https%3A%2F%2Fwww.topworksheets.com%2Fen%2Ftechnology%2Fprogramming%2Fhtml-match-the-following-tags-647c7f0166322" target="_blank">
<i class="fab fa-whatsapp icon-big" style="color: #25D366;"></i><br />
<small>Whatsapp</small>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-voice-answer" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-dialog-centered modal-draggable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Record your answer</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col text-center">
<canvas id="modal-voice-answer-canvas" width="300" height="50"></canvas>
</div>
</div>
<div class="row mb-2">
<div class="col">
<div id="status-voice-recording" class="worksheet-font-size-s text-center">
<span class="message"></span>
<span class="counter"></span>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<button id="start-voice-recording" class="btn">
<i class="fas fa-microphone mr-1"></i>
<span class="btn-text">Start</span>
</button>
<button id="dismiss-voice-recording" class="btn ml-2">
<i class="fas fa-window-close mr-1"></i>
<span class="btn-text">Close</span>
</button>
<button id="finish-voice-recording" class="btn" style="display:none">
<span class="spinner-grow spinner-grow-sm text-danger mr-1" role="status" aria-hidden="true"></span>
<span class="btn-text">Finish</span>
</button>
<button id="cancel-voice-recording" class="ml-2 btn" style="display:none">
<i class="fas fa-window-close mr-1"></i>
<span class="btn-text">Cancel</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-video-answer" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-dialog-centered modal-draggable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Record your answer</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col text-center">
<video id="modal-video-answer-video" width="100%" height="100%" playsinline autoplay muted="muted"></video>
</div>
</div>
<div class="row mb-2">
<div class="col">
<div id="status-video-recording" class="worksheet-font-size-s text-center">
<span class="message"></span>
<span class="counter"></span>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<button id="start-video-recording" class="btn">
<i class="fas fa-video mr-1"></i>
<span class="btn-text">Start</span>
</button>
<button id="dismiss-video-recording" class="btn ml-2">
<i class="fas fa-window-close mr-1"></i>
<span class="btn-text">Close</span>
</button>
<button id="finish-video-recording" class="btn" style="display:none">
<span class="spinner-grow spinner-grow-sm text-danger mr-1" role="status" aria-hidden="true"></span>
<span class="btn-text">Finish</span>
</button>
<button id="cancel-video-recording" class="ml-2 btn" style="display:none">
<i class="fas fa-window-close mr-1"></i>
<span class="btn-text">Cancel</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="speech-to-text-modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-dialog-centered modal-draggable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Speak to enter your answer</h5>
</div>
<div class="modal-body">
<div class="row mb-2">
<div class="col">
<div id="status-speech-to-text-recording" class="worksheet-font-size-s text-center">
<span class="message"></span>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<button id="start-speechtotext-recording" class="btn">
<i class="fas fa-microphone mr-1"></i>
<span class="btn-text">Start</span>
</button>
<button id="dismiss-speechtotext-recording" class="btn ml-2">
<i class="fas fa-window-close mr-1"></i>
<span class="btn-text">Close</span>
</button>
<button id="finish-speechtotext-recording" class="btn" style="display:none">
<span class="spinner-grow spinner-grow-sm text-danger mr-1" role="status" aria-hidden="true"></span>
<span class="btn-text">Finish</span>
</button>
<button id="cancel-speechtotext-recording" class="ml-2 btn" style="display:none">
<i class="fas fa-window-close mr-1"></i>
<span class="btn-text">Cancel</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-video-play" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-draggable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Play your answer</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col text-center">
<video id="modal-video-play-video" width="100%" height="100%" controls playsinline ></video>
</div>
</div>
</div>
<div class="modal-footer">
<button id="modal-video-play-dismiss" type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" id="web-speech-not-supported-field-modal" tabindex="-1" role="dialog" aria-labelledby="web-speech-not-supported-field-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="web-speech-not-supported-field-label">Text to Speech</h5>
</div>
<div class="modal-body">
<p>Your browser doesn't support Text to Speech. This is the text of the listening.</p>
<div id="text-to-speech-not-supported-text" class="alert alert-info">
</div>
</div>
<div class="modal-footer">
<button class="btn" type="button" data-dismiss="modal">Understood</button>
</div>
</div>
</div>
</div><div class="modal" id="confirm-remove-line-modal" tabindex="-1" role="dialog" aria-labelledby="confirm-remove-line-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body modal-no-header">
<p>Are you sure you want to delete this join?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">No, thanks</button>
<button id="confirm-remove-line-action" type="button" class="btn btn-primary" data-dismiss="modal">Delete</button>
</div>
</div>
</div>
</div>
<div class="modal" id="error-message-modal" tabindex="-1" role="dialog" aria-labelledby="error-message-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="error-message-label">
Error </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p id="error-message-msg"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal" id="confirm-finish-modal" tabindex="-1" role="dialog" aria-labelledby="confirm-finish-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="confirm-finish-label">
Finish worksheet </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Are you sure you want to finish this worksheet?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Not yet</button>
<button id="modal-confirm-finish" type="button" class="btn btn-primary" data-dismiss="modal">Finish</button>
</div>
</div>
</div>
</div>
<div class="modal" id="open-image-modal" tabindex="-1" role="dialog" aria-labelledby="open-image-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-body text-center">
<img class="img-fluid" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" data-backdrop="static" id="modal-pending-upload" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header p-0"></div>
<div class="modal-body">
<div class="row">
<div class="col">
<p>Uploading files, please wait...</p>
</div>
</div>
<div class="row mt-3">
<div class="col">
<div class="progress">
<div id="pending-upload-progress" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="0" style="background-color: #43cfd9;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" data-backdrop="static" id="force-finish-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body modal-no-header">
<div class="row">
<div class="col">
<p>Sending your answers. Please wait a moment...</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" data-backdrop="static" id="modal-refresh" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header"></div>
<div class="modal-body">
<div class="row">
<div class="col">
<p class="message text-center">
Your session has expired. To complete the worksheet you must reload the page. </p>
</div>
</div>
<div class="row mt-3">
<div class="col text-center">
<button class="btn" onClick="window.location.reload();">Reload page</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal" data-backdrop="static" id="retry-send-answers-modal" tabindex="-1" role="dialog" aria-labelledby="retry-send-answers-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="retry-send-answers-label">
Retrying...
</h5>
</div>
<div class="modal-body text-center">
<span class="mt-3 mb-3 btn-loading spinner-border" style="width: 3rem; height: 3rem; color: #43cfd9;border-width: 0.5em;" role="status" aria-hidden="true"></span>
<p>Looks like this is taking too long. We will retry in <span id="retry-send-answers-modal-seconds">5</span> seconds</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var worksheetId = "90e18fcf-cffc-495c-a924-75392f4a5c27";
var worksheetTitle = "html\x20match\x20the\x20following\x20tags";
var worksheetCanBeAutoCorrected = true;
var mandatoryNameText = "Name\x20or\x20nickname\x20is\x20mandatory";
var mandatoryGroupText = "Group\x20is\x20mandatory";
var atLeastAnAnswerIsMandatoryText = "You\x20must\x20answer\x20at\x20least\x20one\x20question\x20to\x20be\x20able\x20to\x20send\x20your\x20answers";
var answersSentToTeacherText = "Answers\x20have\x20been\x20sent\x20to\x20your\x20teacher";
var totalHeight = 1416;
var fontSize = null;
var customLink = null;
var defaultAction = "check";
var defaultStudentName = null;
var defaultStudentId = null;
var defaultStudentGroup = null;
var canAnswersBeSavedToDatabase = false;
var linkCopiedText = "Link\x20copied\x20to\x20clipboard";
var codeCopiedText = "Code\x20copied\x20to\x20clipboard";
var genericErrorText = "We\x20encountered\x20a\x20temporary\x20error.\x20Please\x20try\x20again,\x20and\x20if\x20the\x20issue\x20persists,\x20feel\x20free\x20to\x20reach\x20out\x20to\x20us";
var error503Text = "There\x20was\x20a\x20temporary\x20error,\x20please\x20try\x20it\x20again.\x20If\x20the\x20error\x20persists,\x20contact\x20us";
var downloadResultAsPdfText = "Download\x20result\x20as\x20PDF";
var pdfErrorText = 'There\x20was\x20an\x20error\x20generating\x20the\x20PDF\x20file';
var confirmEraseDrawText = 'Are\x20you\x20sure\x20you\x20want\x20to\x20erase\x20this\x20drawing\x3F';
var recoverFinishButton = false;
var showGoogleClassroomModal = false;
var worksheetPages = [
{
id: '7f0fccce-310c-44bf-824f-c8b82683c111',
height: 1414,
},
];
var customLinkEndTimestamp = null;
var forceCountdown = false;
var areAllAnswersMandatory = false;
var showCorrectAnswersText = "Show\x20correct\x20answers";
var csrfToken = "7a74f844\x2D7c30\x2D4f12\x2Da9e5\x2D6a78b6316ee5";
var micPermissionsText = "TopWorksheets\x20requires\x20access\x20to\x20the\x20microphone\x20to\x20record\x20your\x20voice";
var recordingInProgressText = "Recording\x20in\x20progress,\x20remaining\x20time";
var voiceRecordingDoneText = "Voice\x20answer\x20recorded";
var savingRecordingText = "Saving\x20recording";
var recordVoiceAgainText = "Restart\x20voice\x20recording";
var cantRecordAtSameTime = "Can\x27t\x20record\x20more\x20than\x20one\x20voice\x20answer\x20at\x20the\x20same\x20time";
var browserDoesNotSupportVoicerRecordingText = "Your\x20browser\x20does\x20not\x20support\x20audio\x20recording";
var browserDoesNotSupportSpeechToText = "Your\x20browser\x20does\x20not\x20support\x20speech\x20to\x20text,\x20please\x20use\x20Chrome\x20or\x20Safari";
var browserDoesNotSupportVideoRecordingText = "Your\x20browser\x20does\x20not\x20support\x20video\x20recording,\x20please\x20use\x20Google\x20Chrome\x20or\x20Mozilla\x20Firefox\x20to\x20support\x20video\x20recording";
var videoRecordingDeviceNotFoundText = "We\x20have\x20not\x20found\x20a\x20video\x20recording\x20camera\x20in\x20this\x20device";
var videoPermissionsText = "TopWorksheets\x20needs\x20access\x20to\x20your\x20camera\x20and\x20microphone\x20to\x20record\x20your\x20video\x20answers";
var cantRecordVideoAtSameTime = "Can\x27t\x20record\x20more\x20than\x20one\x20video\x20at\x20the\x20same\x20time";
var videoAlreadyRecordingText = "Your\x20camera\x20is\x20already\x20being\x20used\x20by\x20another\x20application.\x20Please,\x20free\x20the\x20camera\x20resource\x20and\x20try\x20again";
var videoRecordingDoneText = "Video\x20answer\x20recorded";
var recordVideoAgainText = "Restart\x20video\x20recording";
var flowIsNotSupportedText = "Your\x20browser\x20does\x20not\x20support\x20video\x20uploading,\x20please\x20upgrade\x20your\x20browser";
var allQuestionsMustBeAnsweredText = "All\x20worksheet\x20questions\x20must\x20be\x20answered.\x20Questions\x20marked\x20in\x20red\x20are\x20still\x20pending";
var fileMustBeImageText = "File\x20\x7Bname\x7D\x20is\x20not\x20a\x20valid\x20image\x20type.\x20Must\x20be\x20png,\x20jpg,\x20webp\x20or\x20gif";
var uploadAnImageText = "Upload\x20image";
var uploadAnotherImageText = "Replace\x20image";
var fileTooBigText = "Uploaded\x20file\x20exceeds\x20\x20size\x20limit";
var fieldsResizeFactor = 1;
var lastSubmissionToStartFrom = null;
var noConnectionErrorText = "You\x20have\x20lost\x20your\x20connection.\x20Please,\x20re\x2Dconnect\x20and\x20try\x20again";
var fieldWasCheckedText = "This\x20field\x20was\x20checked";
var fieldWasNotCheckedText = "This\x20field\x20was\x20left\x20unchecked";
var ltiSession = null;
var voiceRecordingLimit = 120;
var isMobileDevice = false;
var hasVideoInteractiveYouTubeFields = false;
var textToSpeechWasNotGeneratedErrorText = "The\x20voice\x20was\x20not\x20generated";
var finishText = 'Finish';
var retryingText = 'Retrying';
var retryErrorText = 'There\x20was\x20an\x20error\x20while\x20sending\x20the\x20answers.\x20Please\x20try\x20again\x20in\x20a\x20moment\x20or\x20\x3Ca\x20target\x3D\x22_blank\x20href\x3D\x22\x2Fcontact\x22\x3Econtact\x20us\x3C\x2Fa\x3E\x20if\x20the\x20error\x20persists';
var doTheTaskAgainText = 'Do\x20the\x20task\x20again';
var dontNotifyAnswerErrors = ["custom_link_not_available","custom_link_already_done","custom_link_finished","custom_link_no_access","worksheet_modified_while_answer","task_not_found"];
</script>
</main>
<div class="footer-bottom mt-4" data-nosnippet>
<div class="container pt-3 pb-3">
<div class="row justify-content-center">
<div class="col-auto footer-menu">
<a class="uppercase" href="/legal-notice">Legal notice</a>
<a class="uppercase" href="/privacy-policy">Privacy policy</a>
<a class="uppercase" href="/cookies-policy">Cookies policy</a>
<a class="uppercase" href="/help">Help</a>
<a class="uppercase" href="/contact">Contact us</a>
<a class="uppercase" href="/pricing">Pricing</a>
</div>
</div>
<div class="row justify-content-center mt-3">
<div class="col-auto copyright">
<p>TopWorksheets <small>© Copyright 2024</small></p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://assets.topworksheets.com/assets/js/third-party/bugsnag.v7.min.js"></script>
<script type="text/javascript">
if (window.location.hostname === 'www.topworksheets.com') {
Bugsnag.start({ apiKey: '0569d34e9ead6cd04823df8d44247a71' });
}
</script>
<script type="text/javascript">
var noTracking = false;
var assetsVersion = '82b56f75f22700a7ad83';
var baseUrl = 'https://www.topworksheets.com';
var currentUrl = '\x2Fen\x2Ftechnology\x2Fprogramming\x2Fhtml\x2Dmatch\x2Dthe\x2Dfollowing\x2Dtags\x2D647c7f0166322';
var assetsBaseUrl = 'https://assets.topworksheets.com/';
var webAssetsBaseUrl = '';
var pageTitle = "html match the following tags. Interactive worksheet";
var locale = "en";
var teacherId = null;
var pleaseWaitText = 'Please\x20wait...';
var showCookies = true;
var cookiesTitleText = 'Cookies\x20\x26\x20Privacy';
var cookiesMessageText = 'Cookies\x20enable\x20you\x20to\x20use\x20TopWorksheets,\x20tell\x20us\x20which\x20parts\x20of\x20our\x20websites\x20people\x20have\x20visited,\x20help\x20us\x20measure\x20the\x20effectiveness\x20of\x20our\x20features,\x20and\x20give\x20us\x20insights\x20into\x20user\x20behavior\x20so\x20we\x20can\x20improve\x20our\x20products.';
var moreInfoLabel = 'More\x20information';
var acceptBtnLabel = 'Accept';
var acceptAllBtnLabel = 'Accept\x20All\x20Cookies';
var advancedBtnLabel = 'Customize\x20Cookies';
var cookieTypesTitle = 'Select\x20cookies\x20to\x20accept';
var fixedCookieTypeLabel = 'Necessary';
var fixedCookieTypeDesc = 'These\x20are\x20cookies\x20that\x20are\x20essential\x20for\x20the\x20website\x20to\x20work\x20correctly.';
var analyticsCookiesLabel = 'Analytics';
var analyticsCookiesDesc = 'Cookies\x20related\x20to\x20site\x20visits,\x20browser\x20types,\x20etc.';
</script>
<script type="text/javascript" src="https://assets.topworksheets.com/assets/js/82b56f75f22700a7ad83/module-viewWorksheet.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-W3LXQCWTVS"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-W3LXQCWTVS', {
client_storage: 'none',
client_id: "h4rdc8nbu8n40o5c0trvqf84de",
anonymize_ip: true,
'custom_map': {'dimension1': 'userType'}
});
gtag('config', 'AW-10901670838');
</script>
<script>
var $buoop = {
// test: true,
required:{e:11,f:50,o:47,s:14,c:60},
insecure:false,
api:2021.02,
reminder:0,
reminderClosed:48,
l: "en",
jsshowurl: 'https://assets.topworksheets.com/assets/js/third-party/browser-update.show.3.3.26.min.js',
noclose:true,
no_permanent_hide: true,
text: {
msg: "Your web browser ({brow_name}) is out of date. Some TopWorksheets features may not work properly.",
msgmore: "Update your browser to enjoy an error-free experience." }
};
function $buo_f(){
var e = document.createElement("script");
e.src = "https://assets.topworksheets.com/assets/js/third-party/browser-update.3.3.26.min.js";
document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>
</body>
</html>
Jina S