Long Q/A Programing Fundamentals - Students Free Notes

In context of Fig. 40(d), add another button namely ‘Revert’ which when pressed, will reverse both the color and index values.

To add a “Revert” button that reverses both the color and index values in the context of “Fig. 40(d)” (presumably an existing web application or image), we can break it down into the following steps: Step 1: Understand the Current Setup You likely have a button, some color values, and an index that can be … Read more

Cite steps on compiling the result of your last examination in a tabular form and display it in a webpage.

To compile the result of an examination in a tabular form and display it on a webpage, follow these steps: Step 1: Create the Data You first need to organize the examination results in a structured format (e.g., a list of students and their grades or scores). Example of data: Student Name Subject Marks Obtained … Read more

List steps to add a video clip in a website which starts playing as the web page loads.

Add a video clip in a website which starts playing as the web page loads To embed a video that plays automatically, you can use the <video> tag with the autoplay, muted, and loop attributes. Example Code: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Autoplay Video</title> </head> <body> <video width=”600″ height=”400″ autoplay muted loop> <source … Read more

Articulate steps and write code to create a scrolling text on a webpage.

Create a scrolling text on a webpage You can create scrolling text using the <marquee> tag or using CSS animations. Here’s a CSS-based solution (as <marquee> is obsolete): Example Code: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Scrolling Text</title> <style> .scrolling-text { white-space: nowrap; overflow: hidden; box-sizing: border-box; animation: scroll 10s linear infinite; } @keyframes … Read more

Discuss the functionality JavaScript can provide in a webpage with the help of a suitable example code.

JavaScript functionality in a webpage with example code JavaScript can provide interactive functionality such as form validation, dynamic content updates, event handling, animations, etc. Example Code: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>JavaScript Example</title> <script> function greetUser() { const name = document.getElementById(‘username’).value; alert(‘Hello, ‘ + name + ‘!’); } </script> </head> <body> <input type=”text” … Read more

Sketch steps and provide code to apply border and color to a table in a webpage.

Apply border and color to a table in a webpage To apply borders and color to a table, you use CSS properties such as border, border-color, border-style, and background-color. Example Code: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Table Border and Color</title> <style> table { width: 100%; border-collapse: collapse; /* Ensures borders don’t double up … Read more

With the help of sample code, highlight different methods to incorporate CSS code in an HTML webpage.

Methods to incorporate CSS code in an HTML webpage There are three main methods to add CSS to an HTML page: Inline CSS: Using the style attribute within an HTML tag. Internal CSS: Writing CSS inside the <style> tag in the <head> section. External CSS: Linking to an external .css file. Example Code: <!DOCTYPE html> … Read more

Differentiate between different types of headings in HTML

In HTML, headings are defined using <h1> to <h6> tags, with <h1> being the most important (or largest) and <h6> being the least important (or smallest). Here’s how you can differentiate between them: <h1>: The most important heading, used for the main title of the page. <h2>: Used for subheadings that come below <h1>. <h3>: … Read more