Overview: This assignment is designed to introduce you to creating web pages using HTML5. You will be creating a web page on the topic listed below and will be submitting the HTML file of your webpage along with an image file and a pdf file that will contain answers to Written Response questions that appear at the end of this assignment,
General Directions and Focus of your Webpage:
Choose one the current Supreme Court Justices listed on
https://www.supremecourt.gov/about/biographies.aspx
Write an original web-based article – with at least three (3) paragraphs. The first paragraph should include some background on how the justice came to sit on the Supreme Court. The remaining two should talk about notable opinions/cases they took part in. (Hint: searching “Sonia Sotomayor notable cases” should produce a number of sites that discuss different notable cases Sonia Sotomayor took part in)
The information in your article should be information acquired from doing on-line research and not just what is in the website listed above or is not just your opinion. Cite reliable references in your article by providing hyperlinks to the documented information. You must reference at least one resource that is OTHER THAN the one listed in this assignment. DO NOT CUT AND PASTE information but rather state the information in your own words.
For example,
The NY Times article (include name of article) on May 5, 2020, ….. (note, this is just an example and doesn’t really link to any specific article). This example has ONE hyperlink that specifically states where the information is found before the specific information is given.
We consider a reliable reference one that has CREDIBILITY, ACCURACY, and REASONABLENESS. (Resource on this is listed below.)
Note: Submission of a webpage on a topic OTHER THAN THAT LISTED ABOVE will result with a score of 0/20 on this assignment.
Submission Requirements (3 deliverables):
Webpage requirements (17 points) Deliverable #1: completed HTML file Deliverable #2: image file (#4f below)
Start by following the basic HTML structure practiced during recitation and shown in class for your web page.
Add an appropriate title to your web-based article using the
tag.
</p>
<p> Add your name and section using comment tags in the part of the page.
</p>
<p> Include the following elements in the section of your article:
</p>
<p> a) (1 pt) Paragraph tags (</p>
<p>)
b) (2 pts) Text formatting (<b>, <i>) and heading tags (h1, h2, etc.).
c) (1 pts) Break tags and/or horizontal line (</p>
<hr>
<p>, <br />) tags where appropriate </p>
<p> d) (2 pts) Include one (1) external image (absolute pathnames). Use the height and width
attributes as well as the float property of the style tag so they can blend well with
surrounding text.
</p>
<p> e) (2 pts) Insert one (1) image from a file in your possession (You should download an image to
your computer for this). Use the height and width attributes as well as the float property of the style tag. Insert a hyperlink (using anchor tag) to this image so that it links to an appropriate external webpage. Note that you will be uploading this file WITH your HTML file for this assignment.
</p>
<p> f) (2 pts) Include two (2) text-based hyperlinks (anchor tags) – using absolute pathnames – in your article. These could be links to the information that you researched about the assigned topic. This is in addition to the image-based link described in paragraph part f.
</p>
<p> g) (3 pts) Include at least 3 paragraphs of information on the topic, citing sources where appropriate.
</p>
<p> h) (2 pts) Your webpage is original (not copy/paste); Your HTML code is readable and formatted/indented appropriately; Your final product is appealing and informative.
</p>
<p> Deliverable #3: </p>
<p> Answer the following Written Response in a Word/Docs file; Convert the file to PDF file and submit this file as part of your assignment. </p>
<p> Written Responses (3 points)- pdf file: Compose your answers in a Word Doc and save (or export) as PDF. </p>
<p> List ONE of your resources used to find information on your business. Give one reason that you believe this resource to be reliable.
</p>
<p> What was one challenge you had in coding this webpage? What tool(s) did you use to find your HTML errors?
</p>
<p> How do you “run” your HTML code (actually see the intended webpage)?
</p>
<p> For your assignment to be graded, please include the following statement AFTER the answers to the above three questions: </p>
<p> “On my honor, I have neither received nor given any unauthorized assistance on this assignment.” </p>
<p> Submit the assignment by attaching the following to Canvas (one by one) </p>
<p> ● assignment3.html file </p>
<p> ● image file (in a format such as one of the following: jpg, jpeg, bmp, png)
</p>
<p> ● pdf of your Written Responses to the questions above (include your name and section
number in the file. Name the pdf file: YourLastName-Assignment3.pdf.
IMPORTANT: only click “Submit” after you have attached all three (3) files.
</p>
<p> Name：Yunyi Yao section 90and91</p>
<p> References: </p>
<p> ● Online encyclopedias such as britannica.com, wikipedia.org and authoritative
websites such as computerhistory.org.
</p>
<p> ● Major, reputable news agencies (i.e. BBC, NPR, theHill)
</p>
<p> ● CARS checklist for evaluating website information:
http://www.delmarlearning.com/companions/content/1428336478/tips/CHAPTER6_t
ip_internet_evaluation.pdf
</p>
<p> ● Learning Objectives listed in Week_03_Resources</p>
<p><div id="ordernow-box"><a class="button" title="" href="https://papersspot.com/order/" style="color:#ffffff; text-align:center;border-style: solid; border-top-width: 0; border-right-width: 0;border-left-width: 0; border-bottom-width: 0;color: #ffffff;border-color: #0274be;background-color: #0274be;border-radius: 2px; padding-top: 10px;padding-right: 40px;padding-bottom: 10px;padding-left: 40px;font-family: inherit;font-weight: inherit;line-height: 1;}">Order Plagiarism-Free Paper</a></div></p>
<div class="postmeta">
<div class="post-tags">Tags: <a href="https://papersspot.com/blog/tag/writing/" rel="tag">Writing</a> </div>
<div class="clear"></div>
</div><!-- postmeta -->
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article>
<nav class="navigation post-navigation" aria-label="Posts">
<h2 class="screen-reader-text">Post navigation</h2>
<div class="nav-links"><div class="nav-previous"><a href="https://papersspot.com/blog/2022/03/01/student-1-so-what-throughout-this-course-i-have-learned-and-been/" rel="prev">Student 1 SO WHAT? Throughout this course, I have learned and been</a></div><div class="nav-next"><a href="https://papersspot.com/blog/2022/03/01/choose-any-3-of-the-following-random-variable-probability-distributions-to-investigate/" rel="next">Choose any 3 of the following random variable probability distributions to investigate:</a></div></div>
</nav>
</section>
</div><!--pagelayout_area-->
</div><!--site-main-->
<div id="sidebar">
<form role="search" method="get" class="search-form" action="https://papersspot.com/blog/">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Search …" value="" name="s" />
</label>
<input type="submit" class="search-submit" value="Search" />
</form></aside>
<h3 class="widget-title">Explore More topics</h3><aside id="%1$s" class="widget %2$s"><nav aria-label="Explore More topics">
<ul>
<li>
<a href="https://papersspot.com/blog/2022/12/25/identify-city-problems-research-interview-assignment-the-participant-of-my-interview-is/">Identify City Problems: Research interview Assignment The participant of my interview is</a>
</li>
<li>
<a href="https://papersspot.com/blog/2022/12/25/introduction-netflix-is-an-over-the-top-media-services-company-that-originated-in-the/">Introduction Netflix is an over-the-top media services company that originated in the</a>
</li>
<li>
<a href="https://papersspot.com/blog/2022/12/25/dirt-when-i-was-in-high-school-in-the-uk-i-did/">Dirt When I was in high school in the UK, I did</a>
</li>
<li>
<a href="https://papersspot.com/blog/2022/12/25/team-learning-2-1-team-learning-report-yuejin-li-ba-leadership-trinity/">Team Learning 2 1 Team Learning Report Yuejin Li BA Leadership, Trinity</a>
</li>
<li>
<a href="https://papersspot.com/blog/2022/12/25/philosophy-310-prof-shari-stone-final-paper-the-paper-should-be-5/">Philosophy 310 Prof. Shari Stone FINAL PAPER The paper should be 5</a>
</li>
</ul>
</nav></aside><h3 class="widget-title">Order For an Original Customized Paper</h3><aside id="%1$s" class="widget %2$s"><div class="textwidget custom-html-widget">
CLICK HOME TO LEARN MORE</div></aside><h3 class="widget-title">Archives</h3><aside id="%1$s" class="widget %2$s"><nav aria-label="Archives">
<ul>
<li><a href='https://papersspot.com/blog/2022/12/'>December 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/11/'>November 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/10/'>October 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/09/'>September 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/08/'>August 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/07/'>July 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/06/'>June 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/05/'>May 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/04/'>April 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/03/'>March 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/02/'>February 2022</a></li>
<li><a href='https://papersspot.com/blog/2022/01/'>January 2022</a></li>
<li><a href='https://papersspot.com/blog/2021/12/'>December 2021</a></li>
<li><a href='https://papersspot.com/blog/2021/11/'>November 2021</a></li>
<li><a href='https://papersspot.com/blog/2021/10/'>October 2021</a></li>
<li><a href='https://papersspot.com/blog/2021/09/'>September 2021</a></li>
<li><a href='https://papersspot.com/blog/2021/08/'>August 2021</a></li>
<li><a href='https://papersspot.com/blog/2021/07/'>July 2021</a></li>
<li><a href='https://papersspot.com/blog/2021/06/'>June 2021</a></li>
<li><a href='https://papersspot.com/blog/2021/01/'>January 2021</a></li>
<li><a href='https://papersspot.com/blog/2020/10/'>October 2020</a></li>
<li><a href='https://papersspot.com/blog/2020/09/'>September 2020</a></li>
<li><a href='https://papersspot.com/blog/2020/08/'>August 2020</a></li>
<li><a href='https://papersspot.com/blog/2020/05/'>May 2020</a></li>
<li><a href='https://papersspot.com/blog/2020/04/'>April 2020</a></li>
<li><a href='https://papersspot.com/blog/2020/03/'>March 2020</a></li>
<li><a href='https://papersspot.com/blog/2020/02/'>February 2020</a></li>
<li><a href='https://papersspot.com/blog/2018/06/'>June 2018</a></li>
</ul>
</nav></aside>
</div><!-- sidebar --> <div class="clear"></div>
</div><!-- row -->
</div><!-- container -->
<footer>
<div class="footerinner-bottom">
<div class="container">
<div class="footer-bottom">
<div class="copyright mainwidth">
<div class="creditcopy">
</div><!--creditcopy-->
<div class="creditlink">
</div><!--creditlink-->
<div class="clear"></div>
</div>
</div><!--footer-bottom-->
</div><!--container-->
</div><!--footerinner-bottom-->
</footer>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog\/*"},{"not":{"href_matches":["\/blog\/wp-*.php","\/blog\/wp-admin\/*","\/blog\/wp-content\/uploads\/*","\/blog\/wp-content\/*","\/blog\/wp-content\/plugins\/*","\/blog\/wp-content\/themes\/cbusiness-consult-lite\/*","\/blog\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!--Start of Tawk.to Script (0.9.3)-->
<script id="tawk-script" type="text/javascript">
var Tawk_API = Tawk_API || {};
var Tawk_LoadStart=new Date();
(function(){
var s1 = document.createElement( 'script' ),s0=document.getElementsByTagName( 'script' )[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/5e41346aa89cda5a188517cb/default';
s1.charset = 'UTF-8';
s1.setAttribute( 'crossorigin','*' );
s0.parentNode.insertBefore( s1, s0 );
})();
</script>
<!--End of Tawk.to Script (0.9.3)-->
<script src="https://papersspot.com/blog/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://papersspot.com/blog/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script src="https://papersspot.com/blog/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5" id="swv-js"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/papersspot.com\/blog\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
</script>
<script src="https://papersspot.com/blog/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.5" id="contact-form-7-js"></script>
<script>
/(trident|msie)/i.test(navigator.userAgent) && document.getElementById && window.addEventListener && window.addEventListener("hashchange", function () {
var t, e = location.hash.substring(1);
/^[A-z0-9_-]+$/.test(e) && (t = document.getElementById(e)) && (/^(?:a|select|input|button|textarea)$/i.test(t.tagName) || (t.tabIndex = -1), t.focus())
}, !1);
</script>
</body>
</html>
<!-- Page cached by LiteSpeed Cache 7.8.1 on 2026-04-22 01:28:08 -->