CS计算机代考程序代写 cache Java javascript HTML

程序代写 CS代考 / javascript, Java代写代考

HTML
2020/21 COMP3322 Modern Technologies on WWW

Contents
• History of HTML
• HTML Syntax and Structure of HTML
• Quick Tour of Common HTML structural Elements • HTML Validation
• HTML5 Semantic Elements
2

• •
HTML
HTML is a type of markup languages.
A markup language is simply a way of annotating a document in such a way
• to make the annotations distinct from the text content being annotated
• to indicate information about the content
This “information about content” in HTML is implemented via tags (aka elements).
•
• Now people believe that HTML documents should only focus on the structure of the document.
• Information about how the content should look (i.e. presentation) is best left to CSS.
3

Brief History of HTML
• 1991 – the first public specification of the HTML by Tim Berners-Lee • 1995 – HTML 2.0 was published by HTML Working Group under IETF • Jan 1997 – HTML 3.2 was published by W3C
• Dec 1997 – HTML 4.0 was released
• Dec 1999 – HTML 4.01 was published
• Jan 2000 – XHTML 1.0 was published, reformulation of HTML using XML
• Oct 2014 – HTML 5 was published
• Dec 2017 – HTML 5.2 was published
Source: Wikipedia
4

HTML Syntax and
Structure of HTML

HTML Syntax: Elements and Attributes
• HTML documents are composed of Web content and HTML elements.
• An HTML element can contain text, other elements, or be empty.
• It is identified in the HTML document usually by a pair of tags.
• Each HTML element gives the browser some information about the content that sits between the tags.
Opening • HTML elements can also contain attributes. An tag
HTML document
HTML Web
elements
Tag
content
HTML attribute is a name=value pair that provides more information about the HTML element.
• In XHTML, attribute values had to be enclosed in quotes; in HTML5, the quotes are optional.
Closing tag
Attributes
6

Elements and Attributes
• Tags act like a ‘container’, which give you some information (the meaning) that lies between their opening and closing tags.
• Attributes provide additional information about the contents of an element and they appear on the opening tag of the element.
Opening Tag Closing Tag
Department of Computer Science Element Name Attribute
Trailing slash

or
An example of empty element – tags are not paired and with no content HTML5 does not require empty elements to be closed
7

Elements and Attributes
• The attribute names for each element are defined in the HTML specifications.
• Some attributes are required for some elements, such as the src and alt attributes in the img element.
• An element may have several attributes applied to it, separated by spaces. Their order is not important.
• Most attributes take values.
• A value might be a number, a word, a string of text, a URL, or a
measurement, depending on the purpose of the attribute. • Some attributes just have the name without a value.
8

Nesting HTML elements
• HTML element may contain other HTML elements.
• Any elements contained within are said to be descendents of the parent
element; likewise, any given child element, may have a variety of ancestors.
• The browser is expecting a child element’s ending tag must occur before its parent’s ending tag.

  • Download Employer’s Feedback Form

    • 9

    Basic Document Structure
    ❶ ❷
    ❸
    ❺ ❻
    ❹
    10


    • DOCTYPE is not an HTML element
    • This is a requirement imposed by HTML5 standard
    • It defines the HTML version to which your page is based on, and in some cases, the Document Type Definition (DTD) that defines the specification.
    11


    • HTML5 does not require the use of the , , and .
    • In XHTML they were required, so most web authors continue to use them.
    • The element is sometimes called the root element as it contains all the other HTML elements in the document.
    • The contains descriptive elements about the document
    • The contains content that will be displayed by the browser.
    12


    • The element may contain the following elements:
    • – The document’s title [Mandatory]<br /> • <link> – Specifies an external CSS style sheet<br /> file<br /> • </p> <style> - Defines internal style information<br /> • <script> - Defines JavaScript script or specifies an external JavaScript file<br /> • <base> - Specifies base URL and base target attribute for all relative URLs in the document<br /> • <meta> - Provides all sorts of information (metadata) about the document<br /> • Our example declares that the character encoding for the document is UTF-8.<br /> https://www.w3schools.com/htmL/html_head.asp<br /> 13</p> <p> Quick Tour of Common<br /> HTML structural<br /> Elements</p> <p> HTML Comment<br /> • Add the comment between <!-- and --><br /> • It is a good idea to add comments to your code because, no matter how familiar you are with the page content at the time of writing it, when you come back to it later, comments will make it much easier for you to understand your own work.<br /> 15</p> <p> Block Level Elements and Inline<br /> Elements<br /> Block level<br /> • The content contained inside the element will start on a new line in the browser window.<br /> • e.g., </p> <h1>, </p> <p>, </p> <div>, </p> <ul>, </p> <li>,<br /> <blockquote><p>, ...<br /> • Acts as a container for styling purpose.<br /> • Block elements are, by default, as wide as the parent container you place them within, and you can modify their height and width using CSS.<br /> Inline<br /> • Do not disrupt the flow of text (i.e., always continue on the same line).<br /> • e.g., <img>, <a>, <b>, <i>, <em>, <strong>, ...<br /> • Also acts as a container for styling purpose.<br /> • Inline elements are only as wide as they need to display their contents.<br /> 16</p> <p> Headings </p> <h1>,</p> <h2>,..<br /> • HTML provides six levels of heading (h1, h2, h3, ...), with the higher heading number indicating a heading of less importance.<br /> • Headings are an essential way for document authors use to show their readers the structure of the document.<br /> 17</p> <p> Headings<br /> • The browser has its own default styling for each heading level.<br /> • However, these are easily modified and customized via CSS.<br /> • Headings are semantic elements.<br /> 18</p> <p> Paragraphs </p> <p> • Paragraphs are the most basic unit of text in an HTML document.<br /> • The </p> <p> tag is a container and can contain contents and other inline HTML elements<br /> 19</p> <p> Divisions </p> <div> • This </p> <div> tag is also a container element and is used to create a logical grouping of content<br /> • The </p> <div> element has no semantic meaning.<br /> • It is frequently used in contemporary CSS-based layouts to mark out sections.<br /> 20</p> <p> Using div elements<br /> • HTML5 has a variety of new semantic elements (which we shall examine later) that can be used to reduce somewhat the confusing mass of div within divs within divs that is so typical of contemporary web design.<br /> 21</p> <p> Span <span><br /> • Similar to </p> <div>, the <span> element is often used as a container for some text. But it is an inline element.<br /> • It does not contribute to any meaning at all.<br /> • It can be used to group elements for styling purposes (using the class or id attributes), or because they share attribute values, such as lang.<br /> <span style="color:red">Important</span><br /> <span lang="fr">Ceci est un paragraphe.</span><br /> 22</p> <p> Links <a><br /> • Links are created using the <a> element (the “a” stands for anchor). • A link has two main parts: the destination and the label.<br /> <a href="http://www.centralpark.com">Central Park</a><br /> Destination Label (text)<br /> <a href="index.html"><img decoding="async" src="logo.gif" /></a><br /> Label (image)<br /> 23</p> <p> Types of Links<br /> Link to external site<br /> <a href="http://www.centralpark.com">Central Park</a> Link to resource on external site<br /> <a href="http://www.centralpark.com/logo.gif">Central Park</a> Link to another page on same site as this page<br /> <a href="index.html">Home</a> Link to another place on the same page<br /> <a href="#top">Go to Top of Document</a> Link to specific place on another page<br /> <a href="index.html">Home</a> Link to another place on the same page<br /> <a href="#top">Go to Top of Document</a> Link to specific place on another page<br /> <a href="productX.html#reviews">Reviews for product X</a> Link to email<br /> <a href="mailto://person@somewhere.com">Someone</a> Link to javascript function<br /> <a href="javascript://OpenAnnoyingPopup();">See This</a> Link to telephone (automatically dials the number<br /> when user clicks on it using a smartphone browser)<br /> <a href="tel:+18009220579">Call toll free (800) 922-0579</a> 24<br /> <a href="productX.html#reviews">Reviews for product X</a></p> <p> URL Relative Referencing<br /> • When referencing a resource that is on the same server as your HTML document, then you can use briefer relative referencing. If the URL does not include the “http://” then the browser will request the current server for the file.<br /> • Pathnames on the web follow Unix conventions.<br /> • Forward slashes (“/”) are used to separate directory names from each other<br /> and from file names.<br /> • Double-periods (“..”) are used to reference a directory “above” the current one in the directory tree.<br /> 25</p> <p> Images<br /> Specifies the URL of the image to display Text in title attribute will be displayed in a popup (note: uses standard relative referencing) tool tip when user moves mouse over image.<br /> <img decoding="async" src="images/central-park.jpg" alt="Central Park" title="Central Park" width="80" height="40" /><br /> Text in alt attribute provides a brief Specifies the width and height of description of image’s content for users who image in pixels.<br /> are unable to see it.<br /> • For purely decorative images, such as background gradients and patterns, logos, border art, and so on, it makes semantic sense to keep such images out of the markup and in CSS where they more rightly belong.<br /> • But when the images are content, such as in the images in a gallery or the image of a product in a product details page, then the <img> tag is the semantically appropriate approach.<br /> 26</p> <p> Lists<br /> • HTML provides three types of lists<br /> • Unordered lists. Collections of items in no particular order; these are by<br /> default rendered by the browser as a bulleted list.<br /> • Ordered lists. Collections of items that have a set order; these are by default<br /> rendered by the browser as a numbered list.<br /> • Description lists. Collection of items and their associated descriptions, such as terms and definitions, or questions and answers. These tend to be used infrequently. Perhaps the most common example would be a FAQ list.<br /> 27</p> <p> Lists<br /> Notice that the list item element can contain other HTML elements</p> <ul> <li><a href="index.html">Home</a></li> <li>About Us</li> <li>Products</li> <li>Contact Us</li> </ul> <ol> <li>Introduction</li> <li>Background</li> <li>My Solution</li> <li> <ol> <li>Methodology</li> <li>Results</li> <li>Discussion</li> </ol> </li> <li>Conclusion</li> </ol> <p> 28</p> <p> HTML Tables<br /> • A table in HTML is created using the </p> <table> element • Tables can be used to display:<br /> • Many types of content<br /> • Calendars, financial data, lists, etc...<br /> • Any type of data • Images<br /> • Text<br /> • Links<br /> • Othertables<br /> 29</p> <p> Tables Basics<br /> • Rows and cells<br /> • an HTML </p> <table> contains any number of rows (</p> <tr>)<br /> • each row contains any number of table data cells (</p> <td>) • Content goes inside of </p> <td></td> <p> tags</p> <table> <tr> </tr> <td>The Death of Marat</td> <p> content<br /> </table> <p>30</p> <p> A basic Example<br /> 31</p> <p> With Table Headings<br /> • A table heading </p> <th> provides some semantic info to indicate that a cell is the header of a group of table cells.<br /> • Could be related to that row or column, which is indicated by the scope attribute.<br /> • Browsers tend to make the content within a </p> <th> element bold<br /> • </p> <th> element for accessibility (it helps those using screen readers)<br /> 32</p> <p> Spanning Rows and Columns<br /> • Each row must have the same number of </p> <td> or </p> <th> containers.<br /> If you want a given cell to cover several columns or rows, use the colspan or rowspan attributes.<br /> https://www.w3schools.com/html/html_tables.asp<br /> 33</p> <p> Additional<br /> table tags<br /> • </p> <caption> • </p> <col>,</p> <colgroup> • </p> <thead> • </p> <tfoot> • </p> <tbody> 34</p> <p> HTML Forms<br /> • Forms provide us a way to collect information from visitors (by uploading) to our sites<br /> 35</p> <p> Forms<br /> provide rich<br /> mechanisms<br /> There are several types of form controls<br /> 36</p> <p> Type Description</p> <form> Defines the form container.<br /> <input> <textarea><br /> Defines an input field.<br /> HTML5 defines over 20 different types of input.<br /> Defines a multiline text entry box.<br /> <button><br /> Defines a clickable button.<br /> <label><br /> Defines a label for a form input element.<br /> <datalist><br /> An HTML5 element defines lists to be used with other form elements.</p> <fieldset> Groups related elements in a form together.</p> <legend> Defines the label for a fieldset group.<br /> <select><option><br /> Defines a multi-item list.<br /> Defines an option in a multi-item list.<br /> <optgroup><br /> Defines a group of related options in a multi-item list.<br /> Form-Related HTML Elements<br /> 37</p> <form> element<br /> • Form controls live inside a </p> <form> element.<br /> • Two essential attributes of any form element:<br /> • The action attribute<br /> • Specifies the URL of the server-side resource that will process the form data when it is<br /> submitted.<br /> • The method attribute<br /> • Specifies how the query string data will be transmitted from the browser to the server: • Either GET or POST<br /> 38</p> <p> The data is appended to the URL as a series of name/value pairs. Start with a question mark (?) followed by the name/value pairs, each one separated by an ampersand (&).<br /> GET vs POST<br /> The data is appended to the body of the HTTP request.<br /> 39</p> <p> GET vs POST<br /> GET POST<br /> • Ideal for short forms<br /> • Such as search box or retrieving data from<br /> server<br /> • Limit on the number of characters in the form data.<br /> • Data can be clearly seen in the address bar.<br /> • Data remains in browser history and cache.<br /> • Ideal for<br /> • Data is very long<br /> • Data can contain binary data, e.g., uploading file.<br /> • Data contains sensitive data, e.g., password<br /> • Submitted data is not stored in cache, history, or bookmarks.<br /> 40</p> <p> Input Controls<br /> Type<br /> Description<br /> text<br /> Creates a single line text entry box.</p> <p>Username: <input type="text" name="username" size="15" maxlength="30"></p> <p>textarea<br /> Creates a multiline text entry box.<br /> <textarea name="comments" cols="30" rows="4">Enter your comments...</textarea><br /> password<br /> Creates a single line text entry box for a password.</p> <p>Password: <input type="password" name="password" size="15" maxlength="30"></p> <p>hidden<br /> Add a hidden data item to the form that users cannot see.<br /> <input type="hidden" name="page" value="34"><br /> radio<br /> Creates radio buttons for user to pick just one of the options.</p> <p>Please select your favorite genres: <br /> <input type="radio" name="genre" value="action">Action<br /> <input type="radio" name="genre" value="scific" checked>Science<br /> Fiction<br /> <input type="radio" name="genre" value="drama">Drama </p> <p> 41</p> <p> Input Controls<br /> Type<br /> Description<br /> checkbox<br /> Allow users to select (and unselect) one or more options in answer to a question.</p> <p>Please select your favorite music service(s):<br /> <input type="checkbox" name="service" value="apple" checked>Apple<br /> Music<br /> <input type="checkbox" name="service" value="amazon">Amazon Music <input type="checkbox" name="service" value="spotify">Spotify </p> <p>select<br /> Creates a drop down list box for users to select one option from the list.</p> <p>What smart device do you use for studying?</p> <p> <select name="devices"><option value="ipad">iPad</option><option value="mobile">Smart Phone</option><option value="nbook">Notebook</option></select><br /> submit<br /> For sending the form data to the server.<br /> <input type="submit" value="Submit"><br /> reset<br /> Defines a reset button that will reset all form values to their default values.<br /> <input type="reset"><br /> 42</p> <p> Input Controls (HTML5 Elements)<br /> Type<br /> Description<br /> email<br /> Creates a single-line text entry box suitable for entering an email address.</p> <p>Please enter your email address:</p> <p><input type="email" name="email"><br /> <input type="submit" value="Submit"><br /> url<br /> Creates a single-line text entry box suitable for entering a URL.</p> <p>Please enter your website address:</p> <p><input type="url" name="website"><br /> <input type="submit" value="Submit"><br /> date<br /> Creates a date input for entering a date.</p> <p>Departure date:<br /> <input type="date" name="depart"><br /> <input type="submit" value="Submit"> </p> <p> search<br /> Creates a single-line text entry box suitable for a search string.</p> <p>Google Search:<br /> <input type="search" name="search"> <input type="submit" value="Search"> </p> <p> 43</p> <p> More HTML5 Input Controls<br /> • HTML5 added several new input types: • color<br /> • datetime-local • month<br /> • number<br /> • range<br /> • tel<br /> • time • week<br /> Refer to “https://www.w3schools.com/html/html_form_input_types.asp” for more information<br /> 44</p> <p> Character Entities<br /> • These are special characters for symbols for which there is either no way easy way to type in via a keyboard (such as the copyright symbol © or accented characters) or which have a reserved meaning in HTML (for instance the “<” or “>” symbols).<br /> • They can be used in an HTML document by using the entity name or the entity number.<br /> • e.g.,   is   and © is ©<br /> https://www.w3schools.com/charsets/ref_utf_latin1_supplement.asp<br /> 45</p> <p> HTML Validation<br /> • Coding HTML is programming, errors may exist in the HTML code • HTML itself doesn't suffer from syntax errors because browsers<br /> parse it permissively<br /> • The browser still displays the page even if there are syntax errors.<br /> • Browser has built-in rules to interpret incorrectly written markup<br /> • Well, browser still displays the page but may not appear as what you expected<br /> • How to make sure the HTML code is well-formed?<br /> • Use the Markup Validation Service to check your HTML code<br /> • https://validator.w3.org/ - created and maintained by the W3C<br /> 46</p> <p> HTML Validation<br /> • This webpage takes an HTML document as an input, goes through it, and gives you a report to tell you what is wrong with your HTML.<br /> 47</p> <p> HTML5 SEMANTIC ELEMENTS</p> <p> HTML5 Semantic Elements<br /> • One substantial problem with modern, pre-HTML5 semantic markup:<br /> • Most complex web sites are absolutely packed solid with </p> <div> elements. • Unfortunately, all these </p> <div> elements can make the resulting markup confusing and<br /> hard to modify.<br /> • Developers typically try to bring some sense and order to the </p> <div> chaos by using class or id attributes to indicate the role of the </p> <div> element in the structure of the page<br /> 49</p> <p> HTML5 Semantic Elements<br /> • The point of creating these new elements is that web page authors can use them to describe the structure of the page and the meaning of page content.<br /> • Also, it is much easier to read and understand the code by the developers.<br /> • These semantic structural elements make it easier for users to navigate the page using assistive technology for accessibility. For examples:<br /> • Screen reader software might allow users to ignore headers and footers and get straight to the content and read the content out loud for blind users.<br /> • Screen reader can recognize those elements and help with tasks like “find the main navigation”.<br /> 50</p> <p> Web Accessibility<br /> • A great deal of web content can be made "accessible" just by making sure the correct HTML elements are used for the correct purpose at all times.<br /> • Semantic HTML doesn't take longer to write than non-semantic (bad) markup.<br /> • Actually, it is easier to develop with semantic HTML as you may get some functionality for free and is easier to understand.<br /> • E.g., <button>Play video</button><br /> • Browsers have some suitable styling applied by default and they may have built-in keyboard accessibility.<br /> 51</p> <p> • </p> <footer> • </p> <header> • <main><br /> • </p> <nav> • </p> <article> • </p> <section> • </p> <aside> •<figcaption> • </p> <figure> • </p> <details> • </p> <summary> • <mark><br /> • <time><br /> HTML5 Semantic Elements<br /> 52</p> <p> Header </p> <header> and Footer </p> <footer> • Most web site pages have a recognizable header and footer sections.<br /> • Header represents a group of introductory content. Typically the header contains<br /> • the site logo<br /> • title (and perhaps additional subtitles or taglines) • horizontal navigation links, and<br /> • perhaps one or two horizontal banners.<br /> 53</p> <p> Header and Footer<br /> • Footer represents a group of end content for a page.<br /> • Typically, the footer contains “less important” material, such as • smaller text versions of the navigation,<br /> • copyright notices,<br /> • information about the site’s privacy policy, and<br /> • perhaps twitter feeds or links to other social sites.<br /> 54</p> <p> Header and Footer<br /> • Both the HTML5 </p> <header> and </p> <footer> element can be used not only for page headers and footers, they can also be used for header and footer elements within other HTML5 containers, such as </p> <article> or </p> <section>.</p> <header> <img src=“icon.gif" alt=“icon"></p> <h1> Principles of Web Development</h1> <p> ...<br /> </header> <article> <header> <h2>HTML5 Semantic Elements </h2> <p>By <em>COMP3322</em></p> <p><time>January 1, 2020</time></p> </header> <p> ...<br /> </article> <p>55</p> <p> Main Content <main><br /> • The <main> tag specifies the main content of a document, which should be unique to that page.<br /> • Use <main> only once per page.<br /> • It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.<br /> • May contain subsections represented by </p> <article>, </p> <section>, and </p> <div> elements.<br /> 56</p> <p> Navigation </p> <nav> • The </p> <nav> element represents a section of a page that contains links to other pages or to other parts within the same page.<br /> • The </p> <nav> element was intended to be used for major navigation blocks. Secondary links, etc., would not go in the navigation.</p> <header> <img src=“icon.gif" alt=“icon" /> </p> <h1>Principles of Web Development</h1> <nav role="navigation"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </nav> </header> <p>57</p> <p> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article<br /> Articles </p> <article> • The </p> <article> element represents a section of content that<br /> • is semantically related, should also have a heading, and should be able to be<br /> isolated from the rest of the page and still be meaningful.<br /> • For example, a magazine or newspaper article, or a blog entry.<br /> • A given document can have multiple articles in it.<br /> • For example, on a blog that shows the text of each article one after another; each post would be contained in an </p> <article> element, possibly with one or more </p> <section>s within.<br /> 58</p> <p> Articles </p> <article> 59</p> <p> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section<br /> Sections </p> <section> • The </p> <section> element represents a generic section of content that<br /> • can be grouped together in a semantically meaningful way;<br /> • they should have a “theme”<br /> • A </p> <section>'s "theme" should be defined by including a heading element within the element,<br /> often immediately after the opening tag.<br /> • Examples of sections would be chapters, the numbered sections of a document, news items, etc.<br /> • According to the W3C, </p> <section> is a much broader element, while the </p> <article> element is to be used for blocks of content that could potentially be read or consumed independently of the other content on the page.<br /> 60</p> <p> Sections versus Divs<br /> • The WHATWG specification warns readers that the </p> <section> element is not a generic container element. HTML already has the </p> <div> element for such uses.<br /> • When an element is needed only for styling purposes or as a convenience for scripting, it makes sense to use the </p> <div> element instead.<br /> • Another way to help you decide whether or not to use the </p> <section> element is to ask yourself if it is appropriate for the element's contents to be listed explicitly in the document's outline.<br /> • If so, then use a </p> <section>; otherwise use a </p> <div>.<br /> 61</p> <p> Figure and Figure Captions<br /> • The </p> <figure> element should not be used to wrap every image.<br /> • For instance, it makes no sense to wrap the site logo or non-essential images such as banner ads and graphical embellishments within </p> <figure> elements.<br /> • Instead, only use the </p> <figure> element for circumstances where the image (or other content) has a caption and where the figure is essential to the content but its position on the page is relatively unimportant.<br /> 62</p> <p> Figure and Figure Captions<br /> Figure could be moved to a different location in document<br /> ...<br /> But it has to exist in the document (i.e., the figure isn’t optional)</p> <p>This photo was taken on October 22, 2011 with a Canon EOS 30D camera.</p> <figure> <img decoding="async" src="images/central-park.jpg" alt="Central Park" /><br /><figcaption>Conservatory Pond in Central Park</figcaption></figure> <p> It was a wonderfully beautiful autumn Sunday, with strong sunlight and<br /> expressive clouds. I was very fortunate that my one day in New York was<br /> blessed with such weather! </p> <p> 63</p> <p> https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_aside2<br /> Aside<br /> • The </p> <aside> element contains content that is not part of the flow of the text in which it appears, however still related to the main content in some way.<br /> • It can provide additional information indirectly related to the main content (e.g., author biography, related links, etc.)<br /> • So </p> <aside> is similar to the </p> <figure> element in that it is used for marking up content that is separate from the main content on the page.<br /> • The </p> <aside> element could thus be used for sidebars, call-out boxes, groups of advertising images, or any other grouping of non-essential elements.<br /> 64</p> <details> <summary>Copyright 1999-2018.</summary> <p> - by Refsnes Data. All Rights<br /> Reserved.</p> <p>All content and graphics on this web<br /> site are the property of the company<br /> Refsnes Data.</p> </details> <details> <summary> • The </p> <details> tag can be used to create an interactive widget that the user can open and close.<br /> • Any sort of content can be put inside the </p> <details> tag.<br /> • The </p> <summary> tag defines a visible heading for the </p> <details> element. The heading can be clicked to view/hide the details.<br /> 65</p> <p> <time> <mark><br /> • The <time> element defines a human-readable date/time.<br /> • It may include the datetime attribute to translate dates into machine- readable format so that user agents can offer to add birthday reminders or scheduled events to the user's calendar, and search engines can produce smarter search results.</p> <p>I have a date on <time datetime="2020-02-14 20:00">Valentines day</time>.</p> <p>• Use the <mark> element if you want to mark or highlight text for<br /> reference or notation purposes.</p> <p>Do not forget to buy <mark>milk</mark> today.</p> <p> 66</p> <p> Reading<br /> • MDN web docs<br /> • Introduction to HTML<br /> • https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML<br /> 67</p> <p> References<br /> • Some slides are borrowed from the book:<br /> • Fundamentals of Web Development by Randy Connolly and Ricardo Hoar,<br /> published by Pearson.<br /> • Semantic HTML, No. 12 of HTML & CSS is Hard<br /> • https://internetingishard.com/html-and-css/semantic-html/<br /> 68</p> </div><!-- .entry-content .clear --> </div> </article><!-- #post-## --> <nav class="navigation post-navigation" aria-label="Post navigation"> <span class="screen-reader-text">Post navigation</span> <div class="nav-links"><div class="nav-previous"><a title="CS计算机代考程序代写 data structure Java compiler Chapter 5." href="https://powcoder.com/2021/03/28/cs%e8%ae%a1%e7%ae%97%e6%9c%ba%e4%bb%a3%e8%80%83%e7%a8%8b%e5%ba%8f%e4%bb%a3%e5%86%99-data-structure-java-compiler-chapter-5/" rel="prev"><span class="ast-left-arrow">←</span> Previous Post</a></div><div class="nav-next"><a title="CS计算机代考程序代写 jvm Java compiler c++ Chapter 3." href="https://powcoder.com/2021/03/28/cs%e8%ae%a1%e7%ae%97%e6%9c%ba%e4%bb%a3%e8%80%83%e7%a8%8b%e5%ba%8f%e4%bb%a3%e5%86%99-jvm-java-compiler-c-chapter-3/" rel="next">Next Post <span class="ast-right-arrow">→</span></a></div></div> </nav><div class="ast-single-related-posts-container ast-container--fallback"><div class="ast-related-posts-title-section"> <h2 class="ast-related-posts-title"> Related Posts </h2> </div><div class="ast-related-posts-wrapper"> <article class="ast-related-post post-38 post type-post status-publish format-standard hentry category-uncategorized tag-matlab tag-simulation"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://powcoder.com/2016/06/21/matlab-simulation/" target="_self" rel="bookmark noopener noreferrer">matlab simulation</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://powcoder.com/category/uncategorized/" rel="category tag">程序代写 CS代考</a></span> / <span class="ast-taxonomy-container tags-links default"><a href="https://powcoder.com/tag/matlab/" rel="tag">matlab代写代考</a>, <a href="https://powcoder.com/tag/simulation/" rel="tag">simulation</a></span></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-39 post type-post status-publish format-standard hentry category-uncategorized tag-c"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://powcoder.com/2016/06/21/ab202-assignment-1-arkapong/" target="_self" rel="bookmark noopener noreferrer">AB202 Assignment 1: Arkapong</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://powcoder.com/category/uncategorized/" rel="category tag">程序代写 CS代考</a></span> / <span class="ast-taxonomy-container tags-links default"><a href="https://powcoder.com/tag/c/" rel="tag">c++代做</a></span></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-40 post type-post status-publish format-standard hentry category-uncategorized tag-c"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://powcoder.com/2016/06/21/msc-c-programming/" target="_self" rel="bookmark noopener noreferrer">MSc C++ Programming</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://powcoder.com/category/uncategorized/" rel="category tag">程序代写 CS代考</a></span> / <span class="ast-taxonomy-container tags-links default"><a href="https://powcoder.com/tag/c/" rel="tag">c++代做</a></span></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-41 post type-post status-publish format-standard hentry category-uncategorized tag-prolog"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://powcoder.com/2016/06/21/msc-assessed-prolog-lab-exercise-2/" target="_self" rel="bookmark noopener noreferrer">MSc Assessed Prolog Lab Exercise 2</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://powcoder.com/category/uncategorized/" rel="category tag">程序代写 CS代考</a></span> / <span class="ast-taxonomy-container tags-links default"><a href="https://powcoder.com/tag/prolog/" rel="tag">Prolog代写代考</a></span></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-49 post type-post status-publish format-standard hentry category-uncategorized tag-c tag-uml"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://powcoder.com/2016/06/21/spring-session2015assignment-1/" target="_self" rel="bookmark noopener noreferrer">Spring Session:2015:Assignment 1</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://powcoder.com/category/uncategorized/" rel="category tag">程序代写 CS代考</a></span> / <span class="ast-taxonomy-container tags-links default"><a href="https://powcoder.com/tag/c/" rel="tag">c++代做</a>, <a href="https://powcoder.com/tag/uml/" rel="tag">UML</a></span></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-51 post type-post status-publish format-standard hentry category-uncategorized tag-uml"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://powcoder.com/2016/06/21/assignment-2-inception-and-elaboration/" target="_self" rel="bookmark noopener noreferrer">Assignment 2: "Inception and Elaboration"</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://powcoder.com/category/uncategorized/" rel="category tag">程序代写 CS代考</a></span> / <span class="ast-taxonomy-container tags-links default"><a href="https://powcoder.com/tag/uml/" rel="tag">UML</a></span></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-55 post type-post status-publish format-standard hentry category-uncategorized tag-android tag-java"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://powcoder.com/2016/06/21/android-app/" target="_self" rel="bookmark noopener noreferrer">android app</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://powcoder.com/category/uncategorized/" rel="category tag">程序代写 CS代考</a></span> / <span class="ast-taxonomy-container tags-links default"><a href="https://powcoder.com/tag/android/" rel="tag">android</a>, <a href="https://powcoder.com/tag/java/" rel="tag">Java代写代考</a></span></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-57 post type-post status-publish format-standard hentry category-uncategorized tag-java tag-junit"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section ast-no-thumb"></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://powcoder.com/2016/06/21/comp220-software-development-tools/" target="_self" rel="bookmark noopener noreferrer">COMP220: Software Development Tools</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://powcoder.com/category/uncategorized/" rel="category tag">程序代写 CS代考</a></span> / <span class="ast-taxonomy-container tags-links default"><a href="https://powcoder.com/tag/java/" rel="tag">Java代写代考</a>, <a href="https://powcoder.com/tag/junit/" rel="tag">junit</a></span></div> </header> <div class="entry-content clear"> </div> </div> </div> </article> </div> </div> </main><!-- #main --> </div><!-- #primary --> <div class="widget-area secondary" id="secondary" itemtype="https://schema.org/WPSideBar" itemscope="itemscope"> <div class="sidebar-main" > <aside id="custom_html-2" class="widget_text widget widget_custom_html"><h2 class="widget-title">Contact</h2><div class="textwidget custom-html-widget"><ul> <li><strong>QQ: 1823890830</strong></li> <li><strong>微信号(WeChat): powcoder</strong></li> <li><img data-recalc-dims="1" class="alignnone wp-image-366" src="https://i0.wp.com/powcoder.com/wp-content/uploads/2021/01/powcoder.jpg?resize=133%2C133&ssl=1" alt="myweixin" width="133" height="133"/></li> <li><strong>Email: <a href="mailto:powcoder@163.com">powcoder@163.com</a></strong></li> </ul> <ul> <li><strong>请加微信或QQ发要求</strong></li> <li><strong>Contact me through WeChat</strong></li> </ul> </div></aside><aside id="categories-2" class="widget widget_categories"><h2 class="widget-title">Categories</h2><nav aria-label="Categories"> <ul> <li class="cat-item cat-item-245"><a href="https://powcoder.com/category/machine-learning/">机器学习代写代考 machine learning</a> </li> <li class="cat-item cat-item-242"><a href="https://powcoder.com/category/database-db-sql/">数据库代写代考 DB Database SQL</a> </li> <li class="cat-item cat-item-244"><a href="https://powcoder.com/category/data-structure-algorithm/">数据结构算法代写代考 data structure algorithm</a> </li> <li class="cat-item cat-item-239"><a href="https://powcoder.com/category/%e4%ba%ba%e5%b7%a5%e6%99%ba%e8%83%bd-ai-artificial-intelligence/">人工智能 AI Artificial Intelligence</a> </li> <li class="cat-item cat-item-247"><a href="https://powcoder.com/category/compiler/">编译器原理 Compiler</a> </li> <li class="cat-item cat-item-254"><a href="https://powcoder.com/category/network-socket/">计算机网络 套接字编程 computer network socket programming</a> </li> <li class="cat-item cat-item-240"><a href="https://powcoder.com/category/hadoop-map-reduce-spark-hbase/">大数据 Hadoop Map Reduce Spark HBase</a> </li> <li class="cat-item cat-item-241"><a href="https://powcoder.com/category/%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9fosoperating-system/">操作系统OS代写代考 (Operating System)</a> </li> <li class="cat-item cat-item-250"><a href="https://powcoder.com/category/computer-architecture/">计算机体系结构代写代考 Computer Architecture</a> </li> <li class="cat-item cat-item-251"><a href="https://powcoder.com/category/computer-graphics-opengl-webgl/">计算机图形学 Computer Graphics opengl webgl</a> </li> <li class="cat-item cat-item-249"><a href="https://powcoder.com/category/nlp/">自然语言处理 NLP natural language processing</a> </li> <li class="cat-item cat-item-383"><a href="https://powcoder.com/category/%e5%b9%b6%e8%a1%8c%e8%ae%a1%e7%ae%97/">并行计算</a> </li> <li class="cat-item cat-item-253"><a href="https://powcoder.com/category/computation-theory/">计算理论 Theory of Computation</a> </li> <li class="cat-item cat-item-252"><a href="https://powcoder.com/category/computer-security/">计算机安全密码学computer security cryptography</a> </li> <li class="cat-item cat-item-246"><a href="https://powcoder.com/category/sys-programming/">系统编程 System programming</a> </li> <li class="cat-item cat-item-367"><a href="https://powcoder.com/category/%e6%95%b0%e5%80%bc%e7%a7%91%e5%ad%a6%e8%ae%a1%e7%ae%97/">数值科学计算</a> </li> <li class="cat-item cat-item-255"><a href="https://powcoder.com/category/%e8%ae%a1%e7%ae%97%e6%9c%ba%e8%a7%86%e8%a7%89compute-vision/">计算机视觉代写代考(Compute Vision)</a> </li> <li class="cat-item cat-item-248"><a href="https://powcoder.com/category/web/">网页应用 Web Application</a> </li> <li class="cat-item cat-item-401"><a href="https://powcoder.com/category/%e5%88%86%e5%b8%83%e5%bc%8f%e7%b3%bb%e7%bb%9f/">分布式系统</a> </li> <li class="cat-item cat-item-640"><a href="https://powcoder.com/category/%e7%ac%94%e8%af%95%e9%9d%a2%e8%af%95/">笔试面试</a> </li> <li class="cat-item cat-item-403"><a href="https://powcoder.com/category/%e5%87%bd%e6%95%b0%e5%bc%8f%e7%bc%96%e7%a8%8b/">函数式编程</a> </li> <li class="cat-item cat-item-243"><a href="https://powcoder.com/category/%e6%95%b0%e6%8d%ae%e6%8c%96%e6%8e%98-data-mining/">数据挖掘 Data Mining</a> </li> <li class="cat-item cat-item-364"><a href="https://powcoder.com/category/%e7%a6%bb%e6%95%a3%e6%95%b0%e5%ad%a6/">离散数学代写代考 (Discrete mathematics)</a> </li> <li class="cat-item cat-item-384"><a href="https://powcoder.com/category/%e8%bd%af%e4%bb%b6%e5%b7%a5%e7%a8%8b/">软件工程</a> </li> <li class="cat-item cat-item-551"><a href="https://powcoder.com/category/%e7%bc%96%e7%a8%8b%e8%af%ad%e8%a8%80-programming-language/">编程语言 Programming Language</a> </li> <li class="cat-item cat-item-594"><a href="https://powcoder.com/category/%e7%bb%9f%e8%ae%a1%e4%bb%a3%e5%86%99%e4%bb%a3%e8%80%83/">统计代写代考</a> </li> <li class="cat-item cat-item-574"><a href="https://powcoder.com/category/%e8%bf%90%e7%ad%b9%e5%ad%a6-operation-research/">运筹学 Operation Research</a> </li> </ul> </nav></aside><aside id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widget-title">Tag</h2><nav aria-label="Tag"><div class="tagcloud"><a href="https://powcoder.com/tag/algorithm/" class="tag-cloud-link tag-link-469 tag-link-position-1" style="font-size: 18px;" aria-label="Algorithm算法代写代考 (15,143 items)">Algorithm算法代写代考</a><a href="https://powcoder.com/tag/java/" class="tag-cloud-link tag-link-298 tag-link-position-2" style="font-size: 16.91156462585px;" aria-label="Java代写代考 (7,271 items)">Java代写代考</a><a href="https://powcoder.com/tag/database/" class="tag-cloud-link tag-link-414 tag-link-position-3" style="font-size: 16.503401360544px;" aria-label="database (5,442 items)">database</a><a href="https://powcoder.com/tag/data-structure/" class="tag-cloud-link tag-link-501 tag-link-position-4" style="font-size: 16.401360544218px;" aria-label="data structure (5,185 items)">data structure</a><a href="https://powcoder.com/tag/python/" class="tag-cloud-link tag-link-331 tag-link-position-5" style="font-size: 16.299319727891px;" aria-label="Python代写代考 (4,809 items)">Python代写代考</a><a href="https://powcoder.com/tag/compiler/" class="tag-cloud-link tag-link-472 tag-link-position-6" style="font-size: 16.027210884354px;" aria-label="compiler (4,000 items)">compiler</a><a href="https://powcoder.com/tag/scheme/" class="tag-cloud-link tag-link-338 tag-link-position-7" style="font-size: 15.823129251701px;" aria-label="Scheme代写代考 (3,502 items)">Scheme代写代考</a><a href="https://powcoder.com/tag/c-4/" class="tag-cloud-link tag-link-499 tag-link-position-8" style="font-size: 15.823129251701px;" aria-label="C语言代写 (3,489 items)">C语言代写</a><a href="https://powcoder.com/tag/ai/" class="tag-cloud-link tag-link-369 tag-link-position-9" style="font-size: 15.176870748299px;" aria-label="AI代写 (2,216 items)">AI代写</a><a href="https://powcoder.com/tag/c-3/" class="tag-cloud-link tag-link-491 tag-link-position-10" style="font-size: 14.700680272109px;" aria-label="c++代写 (1,633 items)">c++代写</a><a href="https://powcoder.com/tag/sql/" class="tag-cloud-link tag-link-395 tag-link-position-11" style="font-size: 14.530612244898px;" aria-label="SQL代写代考 (1,457 items)">SQL代写代考</a><a href="https://powcoder.com/tag/haskell/" class="tag-cloud-link tag-link-291 tag-link-position-12" style="font-size: 14.530612244898px;" aria-label="Haskell代写代考 (1,453 items)">Haskell代写代考</a><a href="https://powcoder.com/tag/javascript/" class="tag-cloud-link tag-link-299 tag-link-position-13" style="font-size: 14.462585034014px;" aria-label="javascript (1,395 items)">javascript</a><a href="https://powcoder.com/tag/concurrency/" class="tag-cloud-link tag-link-503 tag-link-position-14" style="font-size: 14.428571428571px;" aria-label="concurrency (1,355 items)">concurrency</a><a href="https://powcoder.com/tag/matlab/" class="tag-cloud-link tag-link-309 tag-link-position-15" style="font-size: 14.360544217687px;" aria-label="matlab代写代考 (1,281 items)">matlab代写代考</a><a href="https://powcoder.com/tag/finance/" class="tag-cloud-link tag-link-282 tag-link-position-16" style="font-size: 14.292517006803px;" aria-label="finance (1,221 items)">finance</a><a href="https://powcoder.com/tag/interpreter/" class="tag-cloud-link tag-link-297 tag-link-position-17" style="font-size: 14.190476190476px;" aria-label="interpreter (1,144 items)">interpreter</a><a href="https://powcoder.com/tag/mips/" class="tag-cloud-link tag-link-313 tag-link-position-18" style="font-size: 14.156462585034px;" aria-label="MIPS汇编代写代考 (1,134 items)">MIPS汇编代写代考</a><a href="https://powcoder.com/tag/data-mining/" class="tag-cloud-link tag-link-271 tag-link-position-19" style="font-size: 13.986394557823px;" aria-label="data mining (990 items)">data mining</a><a href="https://powcoder.com/tag/decision-tree/" class="tag-cloud-link tag-link-273 tag-link-position-20" style="font-size: 13.952380952381px;" aria-label="decision tree (982 items)">decision tree</a><a href="https://powcoder.com/tag/deep-learning/" class="tag-cloud-link tag-link-274 tag-link-position-21" style="font-size: 13.952380952381px;" aria-label="deep learning深度学习代写代考 (980 items)">deep learning深度学习代写代考</a><a href="https://powcoder.com/tag/prolog/" class="tag-cloud-link tag-link-329 tag-link-position-22" style="font-size: 13.918367346939px;" aria-label="Prolog代写代考 (957 items)">Prolog代写代考</a><a href="https://powcoder.com/tag/file-system/" class="tag-cloud-link tag-link-281 tag-link-position-23" style="font-size: 13.850340136054px;" aria-label="file system (902 items)">file system</a><a href="https://powcoder.com/tag/c/" class="tag-cloud-link tag-link-265 tag-link-position-24" style="font-size: 13.578231292517px;" aria-label="c++代做 (764 items)">c++代做</a><a href="https://powcoder.com/tag/computer-architecture/" class="tag-cloud-link tag-link-507 tag-link-position-25" style="font-size: 13.47619047619px;" aria-label="computer architecture (712 items)">computer architecture</a><a href="https://powcoder.com/tag/er/" class="tag-cloud-link tag-link-433 tag-link-position-26" style="font-size: 13.47619047619px;" aria-label="ER (711 items)">ER</a><a href="https://powcoder.com/tag/gui/" class="tag-cloud-link tag-link-290 tag-link-position-27" style="font-size: 13.47619047619px;" aria-label="gui (711 items)">gui</a><a href="https://powcoder.com/tag/gpu/" class="tag-cloud-link tag-link-396 tag-link-position-28" style="font-size: 13.272108843537px;" aria-label="GPU (620 items)">GPU</a><a href="https://powcoder.com/tag/data-science/" class="tag-cloud-link tag-link-272 tag-link-position-29" style="font-size: 13.272108843537px;" aria-label="data science (615 items)">data science</a><a href="https://powcoder.com/tag/x86%e6%b1%87%e7%bc%96/" class="tag-cloud-link tag-link-514 tag-link-position-30" style="font-size: 13.238095238095px;" aria-label="x86汇编代写代考 (606 items)">x86汇编代写代考</a><a href="https://powcoder.com/tag/case-study/" class="tag-cloud-link tag-link-468 tag-link-position-31" style="font-size: 13.204081632653px;" aria-label="case study (586 items)">case study</a><a href="https://powcoder.com/tag/distributed-system/" class="tag-cloud-link tag-link-277 tag-link-position-32" style="font-size: 13.170068027211px;" aria-label="distributed system (576 items)">distributed system</a><a href="https://powcoder.com/tag/android/" class="tag-cloud-link tag-link-256 tag-link-position-33" style="font-size: 13.034013605442px;" aria-label="android (527 items)">android</a><a href="https://powcoder.com/tag/kernel/" class="tag-cloud-link tag-link-470 tag-link-position-34" style="font-size: 13.034013605442px;" aria-label="kernel (520 items)">kernel</a><a href="https://powcoder.com/tag/arm/" class="tag-cloud-link tag-link-483 tag-link-position-35" style="font-size: 13px;" aria-label="ARM汇编代写代考 (514 items)">ARM汇编代写代考</a></div> </nav></aside><aside id="block-4" class="widget widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://powcoder.com/2024/10/12/%e7%a8%8b%e5%ba%8f%e4%bb%a3%e5%86%99-comp2521-24t3-assignment-1-2/">程序代写 COMP2521 24T3 – Assignment 1</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://powcoder.com/2024/10/12/%e4%bb%a3%e5%86%99%e4%bb%a3%e8%80%83-compsys-705-formal-methods-for-safety-critical-software-test-17-october-20/">代写代考 COMPSYS 705 Formal Methods for Safety Critical Software Test, 17 October 20</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://powcoder.com/2024/10/07/%e7%a8%8b%e5%ba%8f%e4%bb%a3%e5%86%99-comp2521-24t3-assignment-1/">程序代写 COMP2521 24T3 – Assignment 1</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://powcoder.com/2024/09/30/%e7%a8%8b%e5%ba%8f%e4%bb%a3%e5%86%99-comp4500-7500-2/">程序代写 COMP4500/7500</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://powcoder.com/2024/09/30/%e4%bb%a3%e5%86%99%e4%bb%a3%e8%80%83-comp4161-t3-2024-advanced-topics-in-software-verification/">代写代考 COMP4161 T3/2024 Advanced Topics in Software Verification</a></li> </ul></div></div> </aside> </div><!-- .sidebar-main --> </div><!-- #secondary --> </div> <!-- ast-container --> </div><!-- #content --> <footer class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"> <div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder"> <div class="ast-builder-grid-row-container-inner"> <div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row"> <div class="site-footer-below-section-1 site-footer-section site-footer-section-1"> <div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder"> <div class="ast-footer-copyright"><p>Copyright © 2024 PowCoder代写 | Powered by <a href="https://wpastra.com/" rel="nofollow noopener" target="_blank">Astra WordPress Theme</a></p> </div> </div> </div> </div> </div> </div> </footer><!-- #colophon --> </div><!-- #page --> <link rel="stylesheet" href="https://powcoder.com/wp-content/cache/minify/12163.css" media="all" /> <script id="astra-theme-js-js-extra"> var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"","is_scroll_to_top":"","is_header_footer_builder_active":"1","responsive_cart_click":"flyout"}; </script> <script src="https://powcoder.com/wp-content/cache/minify/75800.js"></script> <script src="https://stats.wp.com/e-202445.js" id="jetpack-stats-js" data-wp-strategy="defer"></script> <script id="jetpack-stats-js-after"> _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"132118579\",\"post\":\"46400\",\"tz\":\"8\",\"srv\":\"powcoder.com\",\"j\":\"1:14.0\"}") ]); _stq.push([ "clickTrackerInit", "132118579", "46400" ]); </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> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/ Object Caching 272/351 objects using Disk Page Caching using Disk: Enhanced Content Delivery Network via N/A Minified using Disk Served from: powcoder.com @ 2024-11-08 20:36:37 by W3 Total Cache -->