Solution 100%
<!DOCTYPE html> <html> <body style="background-color:Turquoise; width:100% ; height:50%"> <h1 align="center">HTML (Hyper Text Markup Language) Basics</h1> <center> <img src="D:\CS202\HTML.jpg" alt="HTML" width="200" height="200"> </center> <p> <h2>Introduction </h2><br> HTML stands for Hyper Text Markup Language. It is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages. HTML basics include the following: <ol> <li>HTML Documents</li> <li>HTML Elements</li> <li>HTML Headings and Paragraphs</li> <li>HTML Formatting Elements</li> </ol> </p> <center> <table border="1"> <tr> <th>Topic </th> <th> Description </th> <th> Internet Links </th> </tr> <tr> <th> HTML Documents </th> <td> <ul> <li>All HTML documents must start with a type declaration: <!DOCTYPE html> </li> <li>The HTML document itself begins with and ends with <html> and ends with </html> </li> <li>The visible part of the HTML document is between <body> and </body> tags.</li> </ul> </td> <td> <a href="https://www.w3schools.com/html/html_basic.asp"> Click Here For Details... </a> </td> </tr> <tr> <th> HTML Elements </th> <td> An HTML element usually consists of a start tag and an end tag, with the content inserted in between them. </td> <td> <a href="https://www.w3schools.com/html/html_elements.asp"> Click Here For Details... </a> </td> </tr> <tr> <th rowspan="2">HTML Headings & Paragraphs </th> <td>HTML headings are defined with the < h1 > to < h6 > tags.</td> <td> <a href="https://www.w3schools.com/html/html_headings.asp"> Click Here For Details... </a> </td> </tr> <tr> <td>HTML paragraphs are defined with the < p > tag. </td> <td> <a href="https://www.w3schools.com/html/html_headings.asp"> Click Here For Details... </a> </td> </tr> <tr> <th> HTML Formatting element </th> <td> <ul> <li>Bold text </li> <li>Important text </li> <li>Emphasized text </li> <li>Marked text </li> <li>Small text </li> <li>Deleted text </li> <li>Inserted text </li> <li>Subscriptstext </li> </ul> </td> <td> <a href="https://www.w3schools.com/html/html_formatting.asp"> Click Here For Details... </a> </td> </table> </center> </body> </html>SOLVED CS202 GDB1 Solution and discussion
-
Discussion Topic
Suppose you are working as a web designer and you have developed a website for some client. Your supervisor is concerned with layout of your website. He has conducted a meeting with you to correct issues related to layout of website, so you have to quickly respond to his requirements and change the website layout quickly. After making quick changes, you have to consider the factor of maintainability too. You have been given two options, CSS Inline styling and external styling to style your web pages. So, by considering quick response and maintainability factors, which option you will use for above scenario? Justify your answer with solid points.
-
@zareen said in CS202 GDB1 Solution and discussion:
Use AJAX
AJAX is a technique for creating fast and dynamic web pages. AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.
-
Discussion Topic
Suppose you are assigned a task to develop a web application for stock exchange market. One of the client requirements is to show the updated stock exchange data of Pakistan, China, America, Australia and India. The data of Pakistan, China America, Australia and India should be updated after every 2 seconds, 4 seconds, 1 second, 6 seconds and 8 seconds respectively. Another requirement is to show summary of updated data of all given countries after every 8 seconds. If you as a developer are provided with the following two options to choose to implement the above requirements, which option would you prefer and why? Support your answer with solid arguments.
Option1: Use AJAX
Option 2: Reload whole page after each update
Give your opinion with solid reasons to support your answer.
-
Imagine if your css is in inline styles through a 1000 pages of your site. How an earth can you respond quickly as you would need to change all 1000 pages. With an external stylesheet the changes can be made in seconds and the css is cached for the whole site unlike inline styling.
Inline styling is mainly used these days for above the fold rendering on speed critical sites but used very sparingly. Most websites do not need this type of structure if coded correctly in the first place.
Avoid inline styling at all costs unless you have a justified use case as mentioned above or perhaps for dynamic styling with js for some special effects.
In general stylesheets should be external.
-
External styling all the way. Inline styling may be “quicker” in the short run, but over time, it’s going to be a nightmare to maintain, and the chances of inconsistency grows exponentially…


100% Off on Your FEE Join US! Ask Me How?


