{"id":551,"date":"2023-12-07T09:49:07","date_gmt":"2023-12-07T09:49:07","guid":{"rendered":"https:\/\/www.cmsgalaxy.com\/blog\/?p=551"},"modified":"2023-12-07T10:15:10","modified_gmt":"2023-12-07T10:15:10","slug":"assignment-title-intermediate-html-skills-assessment","status":"publish","type":"post","link":"https:\/\/www.cmsgalaxy.com\/blog\/assignment-title-intermediate-html-skills-assessment\/","title":{"rendered":"Assignment: Intermediate HTML Skills Assessment"},"content":{"rendered":"\n<p><strong>Objective:<\/strong> This assignment aims to test your understanding of intermediate-level HTML concepts and your ability to create structured and well-formatted web pages.<\/p>\n\n\n\n<p><strong>Instructions:<\/strong><\/p>\n\n\n\n<p><strong>Task 1: Basic HTML Structure (10 points)<\/strong><\/p>\n\n\n\n<p>Create an HTML document with the following structure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Declare the document type and HTML version.<\/li>\n\n\n\n<li>Create an <code>&lt;html&gt;<\/code> element with appropriate attributes.<\/li>\n\n\n\n<li>Include <code>&lt;head&gt;<\/code> and <code>&lt;body&gt;<\/code> sections.<\/li>\n\n\n\n<li>Inside the <code>&lt;head&gt;<\/code> section, include a <code>&lt;title&gt;<\/code> element with a title for your web page.<\/li>\n<\/ul>\n\n\n\n<p><strong>Task 2: Heading and Paragraphs (15 points)<\/strong><\/p>\n\n\n\n<p>Inside the <code>&lt;body&gt;<\/code> section:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create an <code>&lt;h1&gt;<\/code> heading with a title for your web page.<\/li>\n\n\n\n<li>Add a <code>&lt;p&gt;<\/code> element with a brief introduction to the topic of your web page.<\/li>\n\n\n\n<li>Create two more <code>&lt;p&gt;<\/code> elements with some sample text.<\/li>\n<\/ul>\n\n\n\n<p><strong>Task 3: Lists (15 points)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create an unordered list (<code>&lt;ul&gt;<\/code>) with at least three list items (<code>&lt;li&gt;<\/code>). Use appropriate content for the list items.<\/li>\n\n\n\n<li>Create an ordered list (<code>&lt;ol&gt;<\/code>) with at least three list items (<code>&lt;li&gt;<\/code>). Use appropriate content for the list items.<\/li>\n<\/ul>\n\n\n\n<p><strong>Task 4: Hyperlinks (15 points)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add a hyperlink to an external website of your choice using the <code>&lt;a&gt;<\/code> element. Make sure it opens in a new tab.<\/li>\n\n\n\n<li>Create a hyperlink to an internal section of your web page using an anchor (<code>&lt;a&gt;<\/code>) and an <code>id<\/code> attribute.<\/li>\n<\/ul>\n\n\n\n<p><strong>Task 5: Images (15 points)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Include an image in your web page using the <code>&lt;img&gt;<\/code> element. Use a suitable image file (you can download one from the internet or use your own). Provide alternative text for the image.<\/li>\n\n\n\n<li>Create a second image, but this time, link it to a larger version of the same image. Ensure that clicking on the image opens the larger version in a new tab.<\/li>\n<\/ul>\n\n\n\n<p><strong>Task 6: Tables (20 points)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a table with at least three rows and three columns. Use appropriate content for the table cells. Add a caption to the table.<\/li>\n\n\n\n<li>Apply different attributes such as <code>border<\/code>, <code>cellpadding<\/code>, and <code>cellspacing<\/code> to the table to enhance its appearance.<\/li>\n<\/ul>\n\n\n\n<p><strong>Task 7: Forms (20 points)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create a simple form that includes text input fields, a radio button group, checkboxes, and a submit button.<\/li>\n\n\n\n<li>Use appropriate labels (<code>&lt;label&gt;<\/code>) for each form element.<\/li>\n\n\n\n<li>Specify the <code>name<\/code> and <code>id<\/code> attributes for each form element.<\/li>\n<\/ul>\n\n\n\n<p><strong>Task 8: Validation (10 points)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add HTML comments (<code>&lt;!-- ... --&gt;<\/code>) to your code to explain the purpose of specific elements or sections within your web page.<\/li>\n<\/ul>\n\n\n\n<p><strong>Submission:<\/strong><\/p>\n\n\n\n<p>Submit your HTML file (.html) and any associated resources (images, if applicable) in a zip folder. Make sure to include your name in the file name (e.g., &#8220;YourName_HTML_Assignment.zip&#8221;).<\/p>\n\n\n\n<p><strong>Grading:<\/strong><\/p>\n\n\n\n<p>Your assignment will be graded based on the completeness, correctness, and adherence to HTML standards, as well as the quality of explanations and comments in your code.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Objective: This assignment aims to test your understanding of intermediate-level HTML concepts and your ability to create structured and well-formatted<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-551","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":2,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/551\/revisions"}],"predecessor-version":[{"id":556,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/posts\/551\/revisions\/556"}],"wp:attachment":[{"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/media?parent=551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/categories?post=551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cmsgalaxy.com\/blog\/wp-json\/wp\/v2\/tags?post=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}