HTML(Hypertext Markup Language)

 1.      Font color, size and face

<html>

            <head>

                        <title>font </title>

            </head>

            <body>

                        <font color="orange" size="5" face="Comic Sans MS">Fun orange Comic Sans text</font>

 

            </body>

</html>







2. Bold, Underline, Italic and break tag 

<html>

            <head>

                        <title>Bold, Underline, Italic and break tag</title>

            </head>

            <body>

                        Normal text<br>

                        <b>Bold text</b><br>

                        <u>Underline text</u><br>

                        <i>Italic text</i><br>

            </body>

</html>

 


3.     






3. Heading tag

<html>

            <head>

                        <title>Heading tag</title>

            </head>

            <body>

                        Normal text<br>

                        <h1>heading 1</h1>

                        <h2>heading 2</h2>

                        <h3>heading 3</h3>

                        <h4>heading 4</h4>

                        <h5>heading 5</h5>

                        <h6>heading 6</h6>

             </body>

</html>

 











Lab assignment 1: Write an HTML program to describe what the Web is and how it works. Use headings, formatting tags, and a background color.

 <html>

            <head>

                        <title>Web Technology</title>

            </head>

            <body bgcolor="sky blue">

                        <h1>Chapter 6: Web Technology</h1>

<font color="Pink" size="5" face="Comic Sans MS">

                                                <b><u>Web

Technology</u></b>

                                    </font>

                        <p><b>What is the Web?</b><br>

                        The <i>web</i> is a place on the internet where

we find websites. <u>Web pages</u> show words, pictures, and

buttons.</p>The Web, short for the World Wide Web, is a vast system of

interlinked documents, media, and resources accessed over the internet

through web browsers. It allows people to view and interact with

webpages using technologies like HTML, CSS, and JavaScript, all

connected by hyperlinks and identified through URLs. Unlike the internet

—which is the underlying global network of computers—the Web is the

information layer that sits on top of it, making it easy for users to navigate,

share information, communicate, and access services ranging from news

and entertainment to education and commerce.

                         <p><b>How does it work?</b><br>

                        A computer asks for a page and a server sends it.

A browser shows the page so you can see it.</p>The Web works through

a set of simple but powerful technologies that let your device request and

display information from computers around the world:

 1. You enter a URL (like `https://example.com`) or click a link in your

browser.

2. Your browser sends a request over the internet to the server that hosts

the website.

3. Servers use the HTTP or HTTPS protocol to receive the request and

send back the appropriate files—usually HTML, CSS, JavaScript, and

media.

4. Your browser interprets these files:

     HTML provides the structure,

    CSS adds design and layout,

   JavaScript adds interactivity.

5. The browser then renders the webpage, showing you text, images,

buttons, forms, and everything else you interact with.

6. When you click or navigate, this process repeats, allowing you to move

smoothly between connected pages across the global network.

                           <p><b>Why learn it?</b><br>

                        You can <i>create</i> stories, games, and art that

friends can visit and enjoy!</p>

Learning how the Web works—and how to build for it—lets you turn your

ideas into real, interactive experiences that anyone can access. You can

create stories, games, artwork, and entire worlds that friends, family, or

even people across the globe can visit and enjoy right from their browsers.

It’s a way to share your creativity, build useful tools, express yourself, and

even develop skills that can grow into future opportunities in technology,

design, or storytelling. The Web gives you a platform where imagination

becomes something others can explore.

</body>

</html>


Lab assignment 2:Make a HTML document which shows following contents:

(a+b)2 = a2+ 2ab + b2

(a-b)2 = a2-2ab + b2

(a+b)3= a3-3a2b + 3ab2+ b3

(a-b)3= a3-3a2 b + 3ab2 -b3

(a+b)4=a4+4a3b+6a2b2+4ab3+b4

2H2+O2→2H2O

CH4+O2→CO2+2H2O

Zn+H2SO4→ZnSO4+H2↑

H2SO2 + 2NaOH→Na2SO4 +2H 2O

2N2 + 5O2→2Na2O5

 <html>

<head>   

<title> Lab Assignment 2 </title>

</head>

<body>

 (a+b)<sup>2</sup> = a<sup>2</sup>+ 2ab + b<sup>2</sup>

  <br>

 (a-b)<sup>2</sup> = a<sup>2</sup>-2ab + b<sup>2</sup>

 <br>

 (a+b)<sup>3</sup>= a<sup>3</sup>-3a<sup>2</sup>b + 3ab<sup>2</sup>+ b<sup>3</sup>

<br>

 (a-b)<sup>3</sup>= a<sup>3</sup>-3a<sup>2</sup> b + 3ab<sup>2</sup> -b<sup>3</sup>

<br>

(a+b)<sup>4</sup>=a<sup>4</sup>+4a<sup>3</sup>b+6a<sup>2</sup>b<sup>2</sup>+4ab<sup>3</sup>+b<sup>4</sup>

<br>

 2H<sub>2</sub>+O<sub>2</sub>&rarr;2H<sub>2</sub>O

<br>

CH<sub>4</sub>+O<sub>2</sub>&rarr;CO<sub>2</sub>+2H<sub>2</sub>O

 Zn+H<sub>2</sub>SO<sub>4</sub>&rarr;ZnSO<sub>4</sub>+H<sub>2</sub>&uarr;

<br>

 H<sub>2</sub>SO<sub>2</sub> + 2NaOH&rarr;Na<sub>2</sub>SO<sub>4</sub> +2H <sub>2</sub>O

 2N<sub>2</sub> + 5O<sub>2</sub>&rarr;2Na<sub>2</sub>O<sub>5</sub>

</body>

</html>

 



 

Popular posts from this blog

Computer

Grid for SEE class 10 Computer Science  Chapter Very Short Questions( (1 marks each) Short Questions( (2 marks each) Long Questions(4 marks each) Total Computer Fundamentals 6X1=6 (2 QnA, 2TT, 2FF) 5X2=10 (5 QnA) 1X4=4 (Number System) 20 Marks DBMS 2X1=2 (2 QnA) 4X2=8 (4 QnA) - 10 Marks QBASIC 1X1=1 (1 QnA) 3X2=6 (Output, Debug, QnA) 2X4=8 (Sub, Function, File Handling) 15 Marks C- programming 1X1=1 (1 QnA) - 1X4=4   5 Marks Total 10 questions 12 questions 4 questions 50 marks
Read more

Sequential Programs

  Sequential Programs 1.       WAP to display sum of two integer numbers. x = 2 y = 3 result = x+ y print("The sum is:",result)   Output: The sum is: 5   WAP to display sum of two integer numbers given by the user. 1.1 x = int(input("Enter the first number:")) y = int(input("Enter the second number:")) result = x+ y print("The sum is:",result) Output: Enter the first number:2 Enter the second number:3 The sum is: 5  1.2 x = int(input("Enter the first number:")) y = int(input("Enter the second number:")) result = x+ y print(f"The sum of {x} and {y} is: {result}")   Output: Enter the first number:2 Enter the second number:3 The sum of 2 and 3 is: 5 1.3   x = float(input("Enter first number:")) y = float(input("Enter second number: ")) sum = x + y print("The sum of {0} and {1} is {2}".format(x, y, sum))   Output: Enter ...
Read more