Use your cloud9 account previously submitted to create a we…

Use your cloud9 account previously submitted to create a webpage for yourself named hw2.html.  So you will need to create a new file in your workspace. Your webpage should have the following: The final result should look like this: The final result should look like this:

Answer

Creating a webpage named hw2.html involves utilizing the cloud9 account previously submitted. By creating a new file within the workspace, the webpage should consist of the following elements to achieve the desired final result.

1. HTML Structure: The webpage needs to have the basic structure of an HTML document. This can be achieved by adding the following lines of code at the beginning of the hw2.html file:

“`

“`

This code establishes the skeleton of the webpage, including the doctype declaration, opening and closing html tags, and the head and body sections.

2. Page Title: Inside the `` tags within the “ section, provide an appropriate title for the webpage. For example:</p> <p>“`<br /> <br /> “`</p> <p>3. Header: In the body section of the webpage, include a header element that represents the main heading. This can be achieved using the `</p> <h1>` tag. For instance:</p> <p>“`</p> <h1>My Webpage</h1> <p>“`</p> <p>4. Image: Integrate an image into the webpage using the `<img>` tag. The image source should be specified within the `src` attribute. For example:</p> <p>“`<br /> <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Description of the image" data-lazy-src="image.jpg"><noscript><img decoding="async" src="image.jpg" alt="Description of the image"></noscript><br /> “`</p> <p>Ensure that the image file named “image.jpg” is located in the same directory as the hw2.html file. Additionally, add an appropriate alternative text for the image within the `alt` attribute.</p> <p>5. Paragraphs: Include some descriptive paragraphs using the `</p> <p>` tag. These paragraphs should contain information or content about yourself. For example:</p> <p>“`</p> <p>Welcome to my webpage! My name is John Doe and I am a PhD student studying Computer Science. I have a keen interest in artificial intelligence and data analysis.</p> <p>In my free time, I enjoy playing chess and hiking in the mountains. I believe that continuous learning and knowledge sharing are essential for personal and professional growth.</p> <p>“`</p> <p>These paragraphs can be customized to provide accurate details about yourself.</p> <p>6. Styling: To achieve a similar appearance to the provided final result, you can apply CSS styles to the webpage elements. This can be done by linking an external CSS file or by adding internal styles using the `</p> <p>` tag within the “ section.</p> <p>Remember to save the hw2.html file and preview it in a web browser to see the final result.</p> <p>The post Use your cloud9 account previously submitted to create a we… appeared first on My Perfect Tutors.</p>   <h2 style="text-align: center;">"Is this question part of your assignment? We Can Help!"</h2> <a href="/order"><img class="size-full wp-image-14111 aligncenter" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20380%20101'%3E%3C/svg%3E" alt="Essay Writing Service" width="380" height="101" data-lazy-src="https://www.ukbestessays.com/order now.png" /><noscript><img class="size-full wp-image-14111 aligncenter" src="https://www.ukbestessays.com/order now.png" alt="Essay Writing Service" width="380" height="101" /></noscript></a> </div><!-- .entry-content --> <footer class="entry-footer"> <span class="cat-links">Posted in <a href="https://essayversity.com/category/essay-versity/" rel="category tag">Blogs</a></span> </footer><!-- .entry-footer --> </article><!-- #post-## --> <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://essayversity.com/your-powerpoint-should-contain-10-15-slides-you-can-use-t/" rel="prev">Your PowerPoint should contain 10-15 slides. You can use t…</a></div><div class="nav-next"><a href="https://essayversity.com/comprehensive-psychiatric-evaluation-and-patient-case-presentation-documentation/" rel="next">COMPREHENSIVE PSYCHIATRIC EVALUATION AND PATIENT CASE PRESENTATION, DOCUMENTATION</a></div></div> </nav> </main><!-- #main --> </section><!-- #primary --> <aside id="secondary" class="widget-area col-sm-12 col-lg-4" role="complementary"> <section id="text-27" class="widget sidebar widget_text"><h3 class="widget-title">What’s Included</h3> <div class="textwidget"><ul> <li><strong>FREE</strong> bibliography page</li> <li><strong>FREE</strong> title page</li> <li><strong>FREE</strong> formatting (APA, MLA, Harvard, Chicago/Turabian)</li> <li>24×7 support</li> <li>Part-by-part payment</li> <li>PowerPoint slides</li> <li>Review your writer’s samples</li> </ul> </div> </section> <section id="recent-posts-2" class="widget sidebar widget_recent_entries"> <h3 class="widget-title">Processing Orders</h3> <ul> <li> <a href="https://essayversity.com/this-project-needs-to-corrected-for-100-apa-format-every-p/">This project needs to corrected for 100% APA format, every p…</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/riordan-manufacturing-virtual-organization-the-riordan-it/">Riordan Manufacturing Virtual Organization the Riordan IT …</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/that-you-are-explaining-encryption-standards-to-a-nontechni-2/">that you are explaining encryption standards to a nontechni…</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/that-you-are-explaining-encryption-standards-to-a-nontechni/">that you are explaining encryption standards to a nontechni…</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/write-a-program-to-display-the-duplicate-values-in-an-arra/">Write a program to display the duplicate values in an arra…</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/provide-the-requirements-of-the-sarbanes-oxley-act-do-you/">Provide the requirements of the Sarbanes-Oxley Act. Do you …</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/discuss-the-best-practices-for-access-control-for-informatio/">Discuss the best practices for access control for informatio…</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/to-successfully-complete-this-weeks-discussion-you-will-n/">To successfully complete this week’s discussion, you will n…</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/hi-i-need-a-clone-of-www-24x7learning-com-it-i-s-a-learni/">HI, I need a clone of www.24x7learning.com . It i s a learni…</a> <span class="post-date">September 21, 2023</span> </li> <li> <a href="https://essayversity.com/give-an-example-of-a-case-where-you-would-assign-higher-cost/">Give an example of a case where you would assign higher cost…</a> <span class="post-date">September 21, 2023</span> </li> </ul> </section></aside><!-- #secondary --> </div><!-- .row --> </div><!-- .container --> </div><!-- #content --> <div class="footer-1"> <div class="container"> <div class="row"> <section id="nav_menu-3" class="widget col widget_nav_menu"><h3 class="widget-title">Quick Access</h3><div class="menu-menu-1-container"><ul id="menu-menu-2" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-45"><a href="https://essayversity.com/">Home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58"><a href="https://essayversity.com/about-us/">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="https://essayversity.com/our-writers/">Our Writers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-47"><a rel="privacy-policy" href="https://essayversity.com/privacy-policy/">Privacy Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"><a href="https://essayversity.com/money-back-guarantee/">Refund Policy</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-784841"><a href="/order/client/register">Sign Up</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-784842"><a href="/order/user/login">Login</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72"><a href="/order">ORDER NOW</a></li> </ul></div></section><section id="text-28" class="widget col widget_text"><h3 class="widget-title">We Accept</h3> <div class="textwidget"><p><a href="/order" target="_blank" rel="noopener"><img decoding="async" class="wp-image-867715 size-medium aligncenter" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20133'%3E%3C/svg%3E" alt="" width="300" height="133" data-lazy-srcset="https://essayversity.com/wp-content/uploads/2021/08/CreditCard-transparent-300x133.png 300w, https://essayversity.com/wp-content/uploads/2021/08/CreditCard-transparent-768x341.png 768w, https://essayversity.com/wp-content/uploads/2021/08/CreditCard-transparent.png 900w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://essayversity.com/wp-content/uploads/2021/08/CreditCard-transparent-300x133.png" /><noscript><img decoding="async" class="wp-image-867715 size-medium aligncenter" src="https://essayversity.com/wp-content/uploads/2021/08/CreditCard-transparent-300x133.png" alt="" width="300" height="133" srcset="https://essayversity.com/wp-content/uploads/2021/08/CreditCard-transparent-300x133.png 300w, https://essayversity.com/wp-content/uploads/2021/08/CreditCard-transparent-768x341.png 768w, https://essayversity.com/wp-content/uploads/2021/08/CreditCard-transparent.png 900w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a></p> </div> </section> </div> </div> </div> <div class="footer-3"> <div class="container"> <div class="row"> <section id="text-29" class="widget col widget_text"> <div class="textwidget"><h4 style="color:#7C7C7C;">DISCLAIMER:</h4> <p class="lighter" style="color: #D7D7D7;">Be advised that this service is completely legal and does not infringe any college/university law. EssayVersity papers are NOT intended to be forwarded as finalized work as they are only strictly meant to be used for research and study purposes. EssayVersity does not endorse or condone any type of plagiarism.</p> </div> </section><section id="text-30" class="widget col widget_text"> <div class="textwidget"><h4 style="color: #7c7c7c;">CONTACT US:</h4> <p style="color: #d7d7d7;"><i class="fa" style="font-size: 15px;"></i> support@essayversity.com</p> <p style="color: #d7d7d7;"><i class="fa" style="font-size: 15px;"></i> +1 850-848-0343</p> </div> </section> </div> </div> </div> </div><!-- #page --> <script id="rocket-browser-checker-js-after" type="text/javascript"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id="rocket-delay-js-js-after" type="text/javascript"> (function() { "use strict";var e=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}();function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function r(e,t){n(this,r),this.attrName="data-rocketlazyloadscript",this.browser=t,this.options=this.browser.options,this.triggerEvents=e,this.userEventListener=this.triggerListener.bind(this)}return e(r,[{key:"init",value:function(){this._addEventListener(this)}},{key:"reset",value:function(){this._removeEventListener(this)}},{key:"_addEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.addEventListener(e,t.userEventListener,t.options)})}},{key:"_removeEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.removeEventListener(e,t.userEventListener,t.options)})}},{key:"_loadScriptSrc",value:function(){var r=this,e=document.querySelectorAll("script["+this.attrName+"]");0!==e.length&&Array.prototype.slice.call(e).forEach(function(e){var t=e.getAttribute(r.attrName);e.setAttribute("src",t),e.removeAttribute(r.attrName)}),this.reset()}},{key:"triggerListener",value:function(){this._loadScriptSrc(),this._removeEventListener(this)}}],[{key:"run",value:function(){RocketBrowserCompatibilityChecker&&new r(["keydown","mouseover","touchmove","touchstart"],new RocketBrowserCompatibilityChecker({passive:!0})).init()}}]),r}();t.run(); }()); </script> <script type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/|\/wp-login.php","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/essayversity.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script id="rocket-preload-links-js-after" type="text/javascript"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://essayversity.com/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script><script>"use strict";var wprRemoveCPCSS=function wprRemoveCPCSS(){var elem;document.querySelector('link[data-rocket-async="style"][rel="preload"]')?setTimeout(wprRemoveCPCSS,200):(elem=document.getElementById("rocket-critical-css"))&&"remove"in elem&&elem.remove()};window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><script src="https://essayversity.com/wp-content/cache/min/1/923444d4ac2837723fa6554b0d3d0c46.js" data-minify="1" defer></script><noscript><link rel="stylesheet" href="https://essayversity.com/wp-content/cache/min/1/ccf36bd1f6c13fe89af479b9f52eef07.css" media="all" data-minify="1" /><link rel='stylesheet' id='wp-bootstrap-starter-poppins-font-css' href='https://fonts.googleapis.com/css?family=Poppins%3A300%2C400%2C500%2C600%2C700&ver=6.3.1&display=swap' type='text/css' media='all' /></noscript></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1695290908 -->