WGU Web-Development-Foundation Exam Questions Free Practice Test

Viewing page 2 out of 3 pages

Viewing questions 11-20 out of questions

Questions # 11:

Consider the given CSS rule.

span {

color: black;

font-size: 14pt; }

What is span referred to as in the CSS rule?

Options:

Selector

Block

Property

Value

Expert Solution

Questions # 12:

Which CSS selector is a multiple selector?

Options:

: link

div p

ui,ol

-notice

Expert Solution

Questions # 13:

Which two color definitions are valid for use with CSS? Choose 2 answers.

Options:

color: #FFFFFF;

color: cmyk(255, 255, 255, 255);

color: rgb(255, 255, 255);

color: 00FF00;

color: rgb(255, 255);

Expert Solution

Questions # 14:

What is one of the possible values of the text-align property?

Options:

none

inline

right

down

Expert Solution

Questions # 15:

Use the given text to answer the following question:

Send an e-message to Dean of Admissions.

Which code snippet will display this content as a link that can be used to send an email to the Dean?

Options:

href="https://deanofadmissions.com/example >Send an e-message to Dean of Admissions.</a>

<a href="ftp://deanofadmissions.com/example.html">Send an e-message to Dean of Admissions.</ax/p>

<a href="mailto:deanofadmissions@example.com">Send an e-message to Dean of Admissions.</ax/p>

<a href="file:///C:/deanofadmissions/example.html">Send an e-message to Dean of Admissions.</ax/p>

Expert Solution

Questions # 16:

Use the given codes to answer the following question:

Question # 16

Which color will is used to display the text for Los Angeles?

Options:

Green

Blue

Red

Black

Expert Solution

Questions # 17:

Which HTML5 tag is used to create a text field that allows multiple lines of data?

Options:

<input>

</p></div> </div> <div class="qanswer"> <hr> <button id="showBtn17" class="btn btn-success" onclick="showhidequesion('17');"><i class="fa fa-eye" aria-hidden="true"></i> Suggested Solution</button> <a class="btn btn-dark" href="/discussions/wgu/view/exam-web-development-foundation-topic-2-question-17-discussion"> <i class="fa fa-comment"></i> Expert Solution </a> <div class="spacing"></div> <div class="myanswer" id="17" style="display: none;"> <div class="panel panel-success"> <div class="panel-heading"> Answer </div> <div class="panel-body"> <span class="ans">D</span> </div> </div> <div class="myexplanation" id="e17" style="display: none;"> </div> </div> </div> </div> </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <div class="qheader">Questions # 18:</div> </div> <div class="panel-body"> <div class="col-lg-12 examQuestions no-padding"> <div class="qquestion" > <div class="questionContent"><p>What is a case in which HTML code is primarily needed?</p></div> </div> <div class="options"> <div class="optionHead">Options:</div> <div class="qoption" id="18A"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>A.</span> <p>The starting position of a line of text needs to move right.</p></div> <div class="qoption" id="18B"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>B.</span> <p>The input from a user needs to be submitted to a server.</p></div> <div class="qoption" id="18C"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>C.</span> <p>The size of a box needs to be resized for a mobile screen.</p></div> <div class="qoption" id="18D"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>D.</span> <p>The column width of a table needs to be adjusted for a larger screen.</p></div> </div> <div class="qanswer"> <hr> <button id="showBtn18" class="btn btn-success" onclick="showhidequesion('18');"><i class="fa fa-eye" aria-hidden="true"></i> Suggested Solution</button> <a class="btn btn-dark" href="/discussions/wgu/view/exam-web-development-foundation-topic-2-question-18-discussion"> <i class="fa fa-comment"></i> Expert Solution </a> <div class="spacing"></div> <div class="myanswer" id="18" style="display: none;"> <div class="panel panel-success"> <div class="panel-heading"> Answer </div> <div class="panel-body"> <span class="ans">B</span> </div> </div> <div class="myexplanation" id="e18" style="display: none;"> </div> </div> </div> </div> </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <div class="qheader">Questions # 19:</div> </div> <div class="panel-body"> <div class="col-lg-12 examQuestions no-padding"> <div class="qquestion" > <div class="questionContent"><p>Which declaration can be used to create a flex container?</p></div> </div> <div class="options"> <div class="optionHead">Options:</div> <div class="qoption" id="19A"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>A.</span> <p>type: flex</p></div> <div class="qoption" id="19B"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>B.</span> <p>display: flex-container</p></div> <div class="qoption" id="19C"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>C.</span> <p>display: flex</p></div> <div class="qoption" id="19D"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>D.</span> <p>container: flex-type</p></div> </div> <div class="qanswer"> <hr> <button id="showBtn19" class="btn btn-success" onclick="showhidequesion('19');"><i class="fa fa-eye" aria-hidden="true"></i> Suggested Solution</button> <a class="btn btn-dark" href="/discussions/wgu/view/exam-web-development-foundation-topic-2-question-19-discussion"> <i class="fa fa-comment"></i> Expert Solution </a> <div class="spacing"></div> <div class="myanswer" id="19" style="display: none;"> <div class="panel panel-success"> <div class="panel-heading"> Answer </div> <div class="panel-body"> <span class="ans">C</span> </div> </div> <div class="myexplanation" id="e19" style="display: none;"> </div> </div> </div> </div> </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <div class="qheader">Questions # 20:</div> </div> <div class="panel-body"> <div class="col-lg-12 examQuestions no-padding"> <div class="qquestion" > <div class="questionContent"><p>Use the given code snippet to answer the following question:</p><p><style></p><p>#one .two { color: red;</p><p>} </style></p><p>Which HTML block should be used to display the text in red?</p><p>A)</p><p><img alt="Question # 20" src="/img/media/WGU/Web-Development-Foundation/3.0/82fe75fa-c8af-457b-8f11-21cabbb584a6.png" ></img></p><p>B)</p><p><img alt="Question # 20" src="/img/media/WGU/Web-Development-Foundation/3.0/207b3529-eadc-4595-a8bb-d56046a738cb.png" ></img></p><p>C)</p><p><img alt="Question # 20" src="/img/media/WGU/Web-Development-Foundation/3.0/29813a79-99cc-4d84-b9c5-df80c3aa909d.png" ></img></p><p>D)</p><p><img alt="Question # 20" src="/img/media/WGU/Web-Development-Foundation/3.0/37d67ea3-967b-4db7-9057-08f278efde6f.png" ></img></p></div> </div> <div class="options"> <div class="optionHead">Options:</div> <div class="qoption" id="20A"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>A.</span> <p>Option A</p></div> <div class="qoption" id="20B"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>B.</span> <p>Option B</p></div> <div class="qoption" id="20C"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>C.</span> <p>Option C</p></div> <div class="qoption" id="20D"><hr><span style='background-color: #0275d8;color: #fff;border-radius: 50%;padding: 0px 6px;float: left;margin-right: 7px;'>D.</span> <p>Option D</p></div> </div> <div class="qanswer"> <hr> <button id="showBtn20" class="btn btn-success" onclick="showhidequesion('20');"><i class="fa fa-eye" aria-hidden="true"></i> Suggested Solution</button> <a class="btn btn-dark" href="/discussions/wgu/view/exam-web-development-foundation-topic-3-question-20-discussion"> <i class="fa fa-comment"></i> Expert Solution </a> <div class="spacing"></div> <div class="myanswer" id="20" style="display: none;"> <div class="panel panel-success"> <div class="panel-heading"> Answer </div> <div class="panel-body"> <span class="ans">D</span> </div> </div> <div class="myexplanation" id="e20" style="display: none;"> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-6 text-left" style="margin-bottom:10px;"> Viewing page 2 out of 3 pages </div> <div class="col-lg-6 text-right" style="margin-bottom:10px;"> Viewing questions 11-20 out of questions </div> </div> <div class="col-lg-12 text-center"><ul class="pagination"><li class="prev"><a href="/wgu/questions/web-development-foundation-practice-test-1?per-page=10" data-page="0">Prev</a></li> <li><a href="/wgu/questions/web-development-foundation-practice-test-1?per-page=10" data-page="0">1</a></li> <li class="active"><a href="/wgu/questions/web-development-foundation-practice-test-2?per-page=10" data-page="1">2</a></li> <li><a href="/wgu/questions/web-development-foundation-practice-test-3?per-page=10" data-page="2">3</a></li> <li class="next"><a href="/wgu/questions/web-development-foundation-practice-test-3?per-page=10" data-page="2">Next</a></li></ul> </div> </div> </div> </div> </section>  <div class="modal fade bd-example-modal-lg" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="discussionTitle">Modal title</h5> <button id="myModelClose" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" id="discussionForm"> <img src="/img/loading_icon.gif"> </div> </div> </div> </div>  <div class="modal fade bd-example-modal-lg" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="discussionTitle">Registered Required</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" id="discussionForm"> In order to participate in the comments you need to be logged-in. <br> You can <a href="/signup">sign-up</a> or <a href="/login">login</a> (it's free). </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> <a id="button"></a> <style type="text/css"> #button { display: inline-block; background-color: #ec4124; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 80px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; } #button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; } #button:hover { cursor: pointer; background-color: #333; } #button:active { background-color: #555; } #button.show { opacity: 1; visibility: visible; } /* Styles for the content section */ .content { width: 77%; margin: 50px auto; font-family: 'Merriweather', serif; font-size: 17px; color: #6c767a; line-height: 1.9; } @media (min-width: 500px) { .content { width: 43%; } #button { margin: 30px; } } .content h1 { margin-bottom: -10px; color: #03a9f4; line-height: 1.5; } .content h3 { font-style: italic; color: #96a2a7; } </style> <script language="javascript"> var btn = $('#button'); $(window).scroll(function() { if ($(window).scrollTop() > 300) { btn.addClass('show'); } else { btn.removeClass('show'); } }); btn.on('click', function(e) { e.preventDefault(); $('html, body').animate({scrollTop:0}, '300'); }); </script><footer id="footer" class="footer" style="margin-top: 30px;"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 col-12"> <div class="single-footer"> <h2>CertsForce</h2> <p>Expertly designed in the format of question and answer, Certsforce's study material is recommended by IT specialists as 100% genuine, accurate, and exam-oriented. It can make your exam preparation easy and rewarding. </p> </div> </div> <div class="col-lg-2 col-md-6 col-12"> <div class="single-footer f-link"> <h2>Quick Links</h2> <div class="row"> <div class="col-lg-12 col-md-12 col-12"> <ul> <li><a href="/"><i class="fa fa-caret-right" aria-hidden="true"></i>Home</a></li> <li><a href="/aboutus"><i class="fa fa-caret-right" aria-hidden="true"></i>About us</a></li> <li><a href="/allvendors"><i class="fa fa-caret-right" aria-hidden="true"></i>All Vendors</a></li> <li><a href="/contactus"><i class="fa fa-caret-right" aria-hidden="true"></i>Contact us</a></li> </ul> </div> </div> </div> </div> <div class="col-lg-2 col-md-6 col-12"> <div class="single-footer f-link"> <h2>Certsforce</h2> <div class="row"> <div class="col-lg-12 col-md-12 col-12"> <ul> <li><a href="/guarantee"><i class="fa fa-caret-right" aria-hidden="true"></i>Guarantee</a></li> <li><a href="/privacy-policy"><i class="fa fa-caret-right" aria-hidden="true"></i>Privacy Policy</a></li> <li><a href="/terms-and-conditions"><i class="fa fa-caret-right" aria-hidden="true"></i>Terms & Conditions</a></li> <li><a href="/dmca"><i class="fa fa-caret-right" aria-hidden="true"></i>DMCA & Copyrights</a></li> </ul> </div> </div> </div> </div> <div class="col-lg-5 col-md-6 col-12"> <div class="single-footer f-link"> <h2>Latest Discussions</h2> <ul> <li><a href="/discussions/wgu/view/exam-digital-forensics-in-cybersecurity-topic-1-question-1-discussion">Exam Digital-Forensics-in-Cybersecurity Topic 1 Question 1 Discussion</a></li> <li><a href="/discussions/cips/view/exam-l6m7-topic-1-question-2-discussion">Exam L6M7 Topic 1 Question 2 Discussion</a></li> <li><a href="/discussions/hrci/view/exam-phrca-topic-1-question-2-discussion">Exam PHRca Topic 1 Question 2 Discussion</a></li> <li><a href="/discussions/oracle/view/exam-1z0-519-topic-2-question-16-discussion">Exam 1z0-519 Topic 2 Question 16 Discussion</a></li> </ul> </div> </div> <div class="col-lg-12 col-md-6 col-12"> <div class="single-footer f-link"> <p style="border-top: 1px solid #4193e4;padding-top: 20px;margin-top: 22px;"><b>Disclaimer:</b> Certsforce operates as third-party study material provider for IT Certification exams. It does not claim to represent or work as agent of any technology vendor or organization like SAP/Cisco/EMC or any other such tech enterprise. Certsforce's study material offers only probable exam questions and answers designed by its experts to help IT exam candidates learn syllabus topics and revise them with through practice tests.</p> </div> </div> </div> </div> </div> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-12"> <div class="copyright-content"> <p>Copyright © 2025 Certsforce. All Rights Reserved</p> </div> </div> </div> </div> </div> </footer>  <script src="/assets/1567dedd/jquery.js"></script> <script src="/assets/cd87c595/yii.js"></script> <script src="/js/jquery.min.js"></script> <script src="/js/jquery-migrate-3.0.0.js"></script> <script src="/js/jquery-ui.min.js"></script> <script src="/js/easing.js"></script> <script src="/js/colors.js"></script> <script src="/js/popper.min.js"></script> <script src="/js/bootstrap-datepicker.js"></script> <script src="/js/jquery.nav.js"></script> <script src="/js/slicknav.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/niceselect.js"></script> <script src="/js/tilt.jquery.min.js"></script> <script src="/js/owl-carousel.js"></script> <script src="/js/jquery.counterup.min.js"></script> <script src="/js/steller.js"></script> <script src="/js/wow.min.js"></script> <script src="/js/jquery.magnific-popup.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script> <script src="/js/bootstrap.min.js"></script> <script src="/js/main.js"></script> <script src="/js/manage.js?ver=1.6"></script></body> </html>

Pass the WGU Courses and Certificates Web-Development-Foundation Questions and answers with CertsForce