Scribd
Upload
10 views66 pages

5D8 (Fullstacklab)

The document outlines a series of HTML programming exercises for a full stack development course, covering topics such as lists, hyperlinks, images, tables, and forms. Each section includes program statements, descriptions, and source code examples to demonstrate the functionality of various HTML elements. The exercises aim to provide practical experience in creating structured web content using HTML.

Uploaded by

nandyalavenkateswara56
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views66 pages

5D8 (Fullstacklab)

The document outlines a series of HTML programming exercises for a full stack development course, covering topics such as lists, hyperlinks, images, tables, and forms. Each section includes program statements, descriptions, and source code examples to demonstrate the functionality of various HTML elements. The exercises aim to provide practical experience in creating structured web content using HTML.

Uploaded by

nandyalavenkateswara56
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 66

FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

WEEK-1

Program statement:-
1(a). Write a HTML program, to explain the working of lists.

Note: It should have an ordered list, unordered list, nested fists and ordered list in an unordered
list and definition lists.
Description:-
In HTML, a list is a structured way to present a collection of items. There are three main types of lists
in HTML

1. Ordered List (<ol>) – A numbered list where items are displayed in a specific order.

2. Unordered List (<ul>) – A bullet-point list where the order doesn’t matter.

3. Definition List (<dl>) – A list that pairs terms with descriptions.

4. Nested list(<ol>) – A list within another list.


Source Code:-
<html>

<head>

<title>web page</title>

</head>

<body>

<h3>ORDERED LIST</h3>

<ol>

<li>lion</li>

<li>tiger</li>

<li>horse</li>

</ol>

Dept. of CSE SREC,Nandyal Page 1


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<li>CSE</li>

<li>ECE</li>

<li>EEE</li>

</ol>

<ol type="I">

<li>moon dal</li>

<li>peanuts</li>

<li>tasty nuts</li>

</ol>

<h3>UNORDERED LIST</h3>

<ul TYPE="circle">

<li>gobi</li>

<li>noodles</li>

<li>egg rice</li>

</ul>

<ul TYPE="square">

<li>PANIPURI</li>

<li>VADAPAV</li>

<li>SAMOSA</li>

</ul>
<h3>NESTED LIST</h3>

<ol>

<li>fruits

<ol>
Dept. of CSE SREC,Nandyal Page 2
FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<li>apples</li>

<li>guava</li>

</ol>

</li>

<li>states

<ol>

<li>TAMILNADU</li>

<li>KERELA</li>

<li>GOA</li>

</ol>

</li>

</ol>

<h3>DEFINATION LIST<h3>

<dl>

<dt>IAS-</dt>

<dd>Indian adminstration service</dd>

<dt>IPS-</dt>

<dd>Indian police service</dd>

</dl>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 3


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 4


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Program statement:-
1(b). Write a HTML program, to explain the working of hyperlinks using <a> tag
and href, target Attributes.

Description:-

HyperLink:

The <a> tag defines a hyperlink, which is used to link from one page to another. The most important
attribute of the <a> element is the href attribute, which indicates the link's destination.
Source code:-

<html>

<body>

<title>'web page'</title>

<a href="https://www.w3schools.com">

<h4>THIS IS MY LINK</h4><br>

</a>

<a href="https://www.dramahood.in/info/because-i-want-no-loss-2024">

<h4>VISIT MY CHANNEL</h4><br>

</a>

<a href="https://myasiantv.com.lv/">

<h4>THIS IS MY PAGE</h4><br>

</a>

<a href="https://dai.ly/xGasgq8">

<h4>THIS IS MY CHANNEL</h4>

</a>
</body>
</html>

Dept. of CSE SREC,Nandyal Page 5


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 6


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Program statement:-
1(c). Create a HTML document that has your image and your friend’s image
with a specific height and width. Also when clicked on the images it should
navigate to their respective profiles.
Description:-

Image:
The <img> tag creates aholding space for thereferenced image. The <img> tag has two required
attributes: src - Specifies the path to the image.

Source Code:-

<html>
<head>

<title>web page</title>
</head>

<body>

<img src="C:\Users\yeshu\Desktop\330px-Mangal_Pandey_1984_stamp_of_India.jpg"width="300" height="300">


<p>Mangal Pandey (died 8 April 1857) was an Indian soldier who played a key role in the events that led to the
Indian Rebellion of 1857, which resulted in the dissolution of the East India Company and the beginning of the
British Raj through the Government of India Act 1858. He was a sepoy in the 34th Regiment of the Bengal Native
Infantry. In 1984, the Republic of India issued a postage stamp in his memory. His life and actions have also been
portrayed in several Indian cinematic productions. </p>
<img src="C:\Users\yeshu\Desktop\330px-Subhas_Chandra_Bose_NRB.jpg"width="300" height="300">
<p>Subhas Chandra Bose[h] (23 January 1897 – 18 August 1945) was an Indian nationalist whose defiance of
British authority in India made him a hero among many Indians,[l] but his wartime alliances with Nazi Germany
and Fascist Japan left a legacy vexed by authoritarianism,[q] anti-Semitism,[x] and military failure.[ab] The
honorific 'Netaji' (Hindustani: "Respected Leader") was first applied to Bose in Germany in early 1942—by the
Indian soldiers of the Indische Legion and by the German and Indian officials in the Special Bureau for India in
Berlin. It is now used throughout India.</p>
</body>
</html>

Dept. of CSE SREC,Nandyal Page 7


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 8


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Program statement:-
1(d). Write a HTML program, in such a way that, rather than placing large images
on a page, the preferred technique is to use thumbnails bysetting the height and width
parameters to something like to 100*100 pixels. Each thumbnail image is also a link
to a full sized version of the image. Create an image gallery using this technique.
Description:-
Image as hyperlink:
An image as alink is an image that can be clicked on to navigate to aspecific URL. It's
also known as an HTML image link.

Source Code:-

<html>

<head>

<title>lists of images</title>

<body>

<a href="C:\Users\madhu\Desktop\pig.jpeg">

<img src="C:\Users\madhu\Desktop\buffalow.jpeg">

</a> <img src="C:\Users\madhu\Desktop\sheep.jpeg">

<a href="C:\Users\madhu\Desktop\cow.jpeg">

<img src="C:\Users\madhu\Desktop\cat.jpeg">

</a>

<a href="C:\Users\madhu\Desktop\rabbit.jpeg">

</a>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 9


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 10


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

WEEK-2

Program statement:-

2(A). Write a HTML program, to explaintheworking of tables. (usetags:


<table>, <tr>, <th>, <td> and attributes: border, rowspan, colspan)
Description:-
Tags:

<table>: Defines a table.

<tr>: Defines a row in the table.

<th>: Defines a header cell in the table(boldand centered by default).

<td>: Defines adatacell in thetable. Attributes:

border: Specifies the border width of the table. rowspan:

Merges a cell across multiple rows. colspan: Merges a cell

across multiple columns.

Source Code:-

<html>

<head>

<title>Table</title>

</hea>

<body>

<center>

<table border="2px"cellspacing="0"cellpadding="5">

Dept. of CSE SREC,Nandyal Page 11


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<tr>

<th> S no </th>

<th> Name </th>

<th> Reg no </th>

<th> Branch </th>

<th> Sem1 </th>

<th> Sem2 </th>

</tr>

<tr>

<td>1</td>

<td>madhu</td>

<td>101</td>

<td rowspan="2">CSE</td>

<td>8.1</td>

<td>8.5</td>

</tr>

<tr>

<td>2</td>

Dept. of CSE SREC,Nandyal Page 12


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<td>sai</td>

<td>102</td>

<td>8.8</td>

<td>8.G</td>

</tr>

<tr>

<td>3</td>

<td>jittu</td>

<td>103</td>

<td>CSM</td>

<td colspan="2" align="center">8.63</td>

</tr>

</table>

</center>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 13


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 14


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Program statement:-
2(B). Write a HTMLprogram, to explain theworking oftables by preparing a
timetable. (Note: Use <caption> tag to set the caption to the table s also use cell
spacing,cellpadding,border,rowspan, colspan etc.).

Source Code:-

<html>

<head>

<title>TABLE</title>

</head>

<body style="background-color: white;">

<center>

<table border="3" cellpadding="15">

<caption><h2>Weekly Class Timetable</h2></caption>

<tr>

<th>DAY</th>

<th>1st period</th>

<th>2nd period</th>

<td rowspan="7">BREAK</td>

<th>3rd period</th>

<th>4th period</th>

<td rowspan="7">LUNCH</td>

<th>5th period</th>

<th>6th period</th>

<th>7th period</th>
</tr>

Dept. of CSE SREC,Nandyal Page 15


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8
<tr>

<th>MON</th>

<td>DBMS</td>

<td>PsS</td>

<td colspan="2">TRAINING</td>

<td>QUANT</td>

<td>SE</td>

<td>OB</td>

</tr>

<tr>

<th>TUES</th>

<td>QUANT</td>

<td>ENGLISH</td>

<td colspan="2">TRAINING</td>

<td colspan="2">FULLSTACK LAB</td>

<td>PsS</td>

</tr>

<tr>

<th>WED</th>

<td colspan="2">OS LAB</td>

<td colspan="2">TRAINING</td>

<td>ENGLISH</td>

<td>OS</td>

Dept. of CSE SREC,Nandyal Page 16


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<td>QUANT</td>

</tr>

<tr>

<th>THURS</th>

<td>OS</td>

<td>ENGLISH</td>

<td colspan="2">TRAINING</td>

<td>SE</td>

<td>OB</td>

<td>DBMS</td>

</tr>

<tr>

<th>FRI</th>

<td>OB</td>

<td>DBMS</td>

<td colspan="2">TRAINING</td>

<td>ENGLISH</td>

<td>DTI</td>

<td>SE</td>

</tr>

<tr>

<th>SAT</th>

<td colspan="2">DBMS LAB</td>

<td>OS</td>

Dept. of CSE SREC,Nandyal Page 17


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<td>QUANT</td>

<td>MM</td>

<td>PsS</td>

<td>DTI</td>

</tr>

</table>

</center>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 18


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 19


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Program statement:-
2(c). Write a HTML program, to explain the working of forms by designing
Registration form.(Note: Include text field, password field, number field, date of
birth field, checkboxes, radio buttons, list boxes using
<select>s<option> tags, <text area> and two buttons ie: submit and reset.
Use tables to provideabetterview).
Description:-

HTML Form Elements

1. <form>: Defines an HTML form for user input.

2. <input>: Defines an input field within a form.


type="text": A single-line text field.

type="password": A password field that hides input characters. type="number": Allows numeric input.

type="date": Provides a date picker for selecting adate. type="checkbox": Allows multiple

selections (checkboxes).

type="radio": Allows single selection from multiple options (radio buttons).

3. <select>: Creates a dropdown list.

4. <option>: Defines an option inside a <select> dropdown.


5. <textarea>: Allows multi-line text input.
c. <table>: Organizes formelements in astructured way.

7. <tr>: Defines a table row.


8. <th> & <td>: Define table headers and datacells, respectively.
S.<button>or <inputtype="submit/reset">: Submit

Button: Sends form data.

Dept. of CSE SREC,Nandyal Page 20


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Source Code:-
<html>

<head>

<p style="text-align:center;">REGISTRATION FORM </p>

<hr>

<form>

<div>

<table> <tr> <td>

<label for="firstName">First Name:</label> </td>

<td>

<input type="text" id="firstName" name="firstName"> </td>

<td>

<label for="lastName">Last Name:</label> </td>

<td>

<input type="text" id="lastName" name="lastName"> </td> </tr>

</div>

<br>

<div>

<tr> <td>

<label for="fatherName">Father's Name:</label> </td>

<td>

<input type="text" id="fatherName" name="fatherName"> </td>

<td>

Dept. of CSE SREC,Nandyal Page 21


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<label for="motherName">Mother's Name:</label> </td>

<td>

<input type="text" id="motherName" name="motherName"> </td> </tr>

</div> </table><br>

<div>

<label>Languages Known:</label>

<input type="checkbox" id="english" name="language"

value="English">

<label for="english">English</label>

<input type="checkbox" id="hindi" name="language"

value="hindi">

<label for="hindi">hindi</label>

<input type="checkbox" id="telugu" name="language"

value="telugu">

<label for="telugu">telugu</label>

</div>

<hr>

<div>

<label>Gender:</label>

<input type="radio" id="male" name="gender" value="Male">

<label for="male">Male</label>

<input type="radio" id="female" name="gender" value="Female">

<label for="female">Female</label>

Dept. of CSE SREC,Nandyal Page 22


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<input type="radio" id="other" name="gender" value="Other">

<label for="other">Other</label>

</div>

<hr>

<div>

<label for="dob">Date of Birth:</label>

<select id="day" name="day">


<option value="">DD</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="G">G</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

Dept. of CSE SREC,Nandyal Page 23


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="1G">1G</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>
<option value="27">27</option>

<option value="28">28</option>

<option value="2G">2G</option>

<option value="30">30</option>

<option value="31">31</option>

</select>

<select id="month" name="month">

<option value="">MM</option>

<option value="Jan">Jan</option>

<option value="Feb">Feb</option>

<option value="Mar">Mar</option>

<option value="Apr">Apr</option>

Dept. of CSE SREC,Nandyal Page 24


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<option value="May">May</option>

<option value="Jun">Jun</option>

<option value="Jul">Jul</option>

<option value="Aug">Aug</option>

<option value="Sep">Sep</option>

<option value="Oct">Oct</option>

<option value="Nov">Nov</option>

<option value="Dec">Dec</option>

</select>

<select id="year" name="year">

<option value="">YYYY</option>

<option value="2000">2000</option>

<option value="2001">2001</option>

<option value="2002">2002</option>

<option value="2003">2003</option>
<option value="2004">2004</option>

<option value="2005">2005</option>

<option value="2006">2006</option>

<option value="2007">2007</option>

<option value="2008">2008</option>

<option value="200G">200G</option>

<option value="2010">2010</option>

<option value="2011">2011</option>

<option value="2012">2012</option>

Dept. of CSE SREC,Nandyal Page 25


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<option value="2013">2013</option>

<option value="2014">2014</option>

<option value="2015">2015</option>

<option value="2016">2016</option>

<option value="2017">2017</option>

<option value="2018">2018</option>

<option value="201G">201G</option>

<option value="2020">2020</option>

</select>

</div>

<hr>

<div>

<input type="submit" value="Submit">

</div>

</form>

</div>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 26


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 27


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Program statement:-
2(d). Write a HTML program, to explain the working of frames, suchthat page is to
bedivided into 3 parts on either direction. (Note: first frame image, second frame
paragraph, third frame hyperlink. And also make sure of using “no frame”
attribute such that frames to be fixed).
Description:-
Frames:

The <frame> HTMLelement defines a particular area in which another HTML document
can be displayed. A frame should be used within a <frameset> . Using the <frame>
element is not encouraged because of certain disadvantages such as performance
problems and lack of accessibility for users with screen readers.

Source Code:-

Image SourceCode:-
<html>

<head>

<title>web page</title>

</head>

<body>

<img src="C:\Users\madhu\Pictures\village.jpg" width="150" height="150">

</body>

<html> Paragraph

Code:

<html>

<head>

<title>web page</title>

</head>

Dept. of CSE SREC,Nandyal Page 28


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<body>

<h1>FAMILY</h1>

<p>A family is a group of people who are related by blood, marriage, or adoption and typically live
together. It is a fundamental unit of society, providing emotional, financial, and social
support.Families come in many forms, from traditional nuclear families to extended families that
include grandparents, uncles, aunts, and cousins.</p>

</body>

</html>

Hyper Link Source Code:-


<html>

<body>

<title>'web page'</title>

<a href="https://www.w3schools.com">

<h4>THIS IS MY LINK</h4><br>
</a>
<a href="https://www.dramahood.in/info/because-i-want-no-loss-2024">
<h4>VISIT MY CHANNEL</h4><br>
</a>
</body>

</html>
Frame Source Code:-

<frameset cols="10%,20%,30%">

<frame src="C:/madhu/img4.html">

<frame src="C:/madhu/para.html">

<frame src="C:/madhu/1-2.html">

</frameset>

Dept. of CSE SREC,Nandyal Page 29


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 30


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

WEEK-3

Program statement:-

3(A). Writea HTML program, thatmakes use of <article>,<aside>, <figure>,


<figcaption>,<footer>, <header>, <main>,<nav>,<section>, <div>, <span>tags.
Description:-

Explanation of Tags:
<header>: Contains the website's title.

<nav>: Holds the navigation menu.

<main>: The main content area.

<article>: Represents an independent content section.

<section>: Divides the article into subsections.

<figure>: Wraps an image witha <figcaption>.

<figcaption>: Provides acaption for the image.

<aside>: Used for related information (e.g., ads, sidebars).

<footer>: Contains footer information.

<div>: A generic container for styling.

<span>: Used for styling inline text.

Source Code:-

<html>

<head>

<title>web page</title>

</head>

<body>

<h2>Details Tag</h2>
Dept. of CSE SREC,Nandyal Page 31
FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<nav>

<a href="/html/">HTML</a>

<a href="/python/">Python</a>

</nav>

<hr>

<h2>

<span style="color:green;background-color:blue"></span>india</h2>

<p>india is a second largest population in the world.</p>

<hr>

<h2>Aside Tag</h2>

<aside>

<h4>college</h4>

<p>A college is an instituation of higher education that offers a range of academic programs</p>

</aside>

<hr>

<h2>Details Tag</h2>

<details>

<summary> INDIA
</summary>

<p>India is a vast country in south asia.

</p>

</details>

<hr>

<article>

Dept. of CSE SREC,Nandyal Page 32


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<h1>Article Tag</h1>

<p>Social media is a computer technology that lets people share ideas, opinions, and information through online
networks and communities. </p>
</article>

<HR>

<h2>Figure AND Figcaption Tag</h2>

<figure>

<img src="C:\Users\madhu\Desktop\lotus.jpg" alt="gfg" style="width:5%">

<figcaption> FLOWER
</figcaption>

</figure>

<hr>

<h2>Header Tag</h2>

<article>

<header>

<h3>reletives</h3>

</header>

</article>

<hr>

<footer>

<p>Author: madhu Reference</p>

<p><a href="mailto:madhu@example.com">madhu@example.com</a></p>

</footer>

<hr>

<h2><u>Main Tag</u></h2>

Dept. of CSE SREC,Nandyal Page 33


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<main>

<article>

<h1>Most Popular hillstations</h1>

<p>The hill stations are high-altitude towns for recreation, enjoyment and are used as a place of refuge to escape
the blistering heat in India during summertime.</p>
</article>

</main>

</hr>

<h2>

<u>span tag</u></h2>

<p>my mother has<span style="color:blue">blue</span> eyes.</p>

</p>

<style>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 34


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 35


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Program statement:-

3(B). Write a HTML program, to embed audio and video into HTML web
page.
Description:-
Audio:
The <audio> tag is used to embed sound content in a document, such as music or other audio
stream.

Video:
The HTML <video> element is used to show a video on a web page.
Source Code:-
<html>
<head>
<title>Video Example</title>
</head>
<body>

<h2>Video Example</h2>
<video width="300" height="300" Controls>
<source src="E:\www.5MovieRulz.vet - Guntur Kaaram (2024) v2 1080p Telugu HQ HDRip -
HEVC - (DD+5.1 - 192Kbps & AAC) - 1.8GB - ESub.mkv"> Your browser does not support the
video element.
</video>
<p>video essay is an essay presented in the format of a video recording or short film rather than a
conventional piece of writing.</p>
<h2>Audio Example</h2>

<audio controls>

<source src="E:\music\01 - Konte Chooputho - SenSongsMp3.co.mp3"> Your

browser does not support the audio element.

</audio>

<p>An audio essay is a recorded piece that combines spoken words with sound effects, music,
and other audio elements. </p>
</body>

</html>

Dept. of CSE SREC,Nandyal Page 36


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 37


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Program statement:-
3( c ). Write aprogram to applydifferent types (or levels ofstyles or style specification formats) -
inline, internal, external styles to HTMLelements. (identify selector, property and value)
Description:-
Inline CSS:
Inline CSS refers to applying styles directly to an HTML element using the style attribute. This method
allows for specific styling to be applied to individual elements without affecting other elements on
the page.

Selector: Inline styles do not use a selector like classes or IDs. The style is applied directly to the
element.

Property: The CSS property (e.g., color, font-size, background-color) to be styled. Value: The

value assigned to the property (e.g., red, 1cpx, #ff0000).

Internal CSS :
Internal CSS refers to styling that is defined within a <style> tag placed in the <head> section of an
HTML document. It is used to style multiple elements on the same page without affecting external
styles.

External CSS :
External CSS refers to defining styles in a separate CSS file (typically with a .css extension) and
linking it to an HTML document using the <link> tag in the <head> section. This method is highly
efficient for styling multiple pages consistently across a website.
Inline Source Code:-

<html>

<body>

<title>web page</title>

<h1 style="color:blue; text-align:center; text-decoration:underline;">FARMER</h1>

<p style="color:red;">Farmers play a vital role in sustaining the economy and providing food

Dept. of CSE SREC,Nandyal Page 38


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

security.</p>

<p style="background-color: powderblue;">Their contribution are the foundation of agricultural industries and rural
economies.</p>
<p style="font-family:verdana;">Farmers are individuals or entities engaged in agriculture, the practice of
cultivating crops or raising livestock to produce food, fiber, and other products. They play a crucial role in
sustaining human life and the global economy. </p>
<p style="font-size:25;">Crop Farmers: Focus on growing crops such as grains, fruits, vegetables, or cash
crops like cotton and coffee.</p>
<p style="border: 5px dashed green;">Farmers are the backbone of the country.</p>

<img src="C:\Users\Desktop\tony.jpg"style="width: 200px; height: 100px;">

</body>

</html>

Dept. of CSE SREC,Nandyal Page 39


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 40


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Internal Source Code:-

<html>

<head>

<style> body {
background-color:skyblue;

h1{

color: blue; font-size:70;


text-align:center;

text-decoration:underline;

p{

color: red;

font-family:courier;font-weight:bold; border:2px solid blue;


padding:30px; margin:50px;
}

.state{

background-color:orange; color:pink; margin:20px;


}

#program{

background-color:tomato; padding:30px;
}

</style>

</head>

<body>

<title> Demo webpage</title>

Dept. of CSE SREC,Nandyal Page 41


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

<h1>HELLO WOrld</h1>

<p>Hello, World!" is one of the most well-known and widely used phrases in the programming world. It is
commonly used as the first program that beginners write when learning a new programming language. The
phrase serves as a simple introduction to the syntax and structure of a programming language while
demonstrating basic output functionality.</P>
<h2 class="state">country</h2>

<p>It's a pollution less area.In the past, villages were a usual form of community for societies that practice
subsistence agriculture and also for some non-agricultural societies. In Great Britain, a hamlet earned the
right to be called a village when it built a church.[5] In many cultures, towns and cities were few, with only a
small proportion of the population living in them. The Industrial Revolution attracted people in larger
numbers to work in mills and factories; the concentration of people caused many villages to grow into towns
and cities. This also enabled specialization of labor and crafts and the development of many trades. The trend
of urbanization continues but not always in connection with industrialization. Historically, homes were
situated together for sociability and defence, and land surrounding the living quarters was farmed.
Traditional fishing villages were based on artisan fishing and located adjacent to fishing ground.</p>
<h2 id="program">town</h2>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 42


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 43


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

External Source Code:-


CSS Source Code:-
body {

background-color: lightblue;

h1 {

color: navy;

margin-left:

20px; text-

align:center;

p{

color:tomat

o;

padding:30p

x;

.void{

color:deepgre en;

text- align:center;

border:2px solid blue;

Dept. of CSE SREC,Nandyal Page 44


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

padding:30px;

margin:20px;

}
HTML Source Code1:-

<html>

<head>

<link rel="stylesheet" href="mystyle.css"></head>

<body>

<h1>INDIAN ARMY</h1>

<p>The Indian Army not only plays a leading role in defending the borders of the country, but also
makes exceptional contributions in disaster management, peacekeeping, and humanitarian
assistance. It is a symbol of pride and trust for every Indian.</p>

<h2 class="void"> INDIAN NAVY</h2>

<p>The Indian Navy is the maritime branch of the Indian Armed Forces. The President of India is
the Supreme Commander of the Indian Navy. The Chief of Naval Staff, a four-star admiral,
commands the navy. As a blue-water navy, it operates significantly in the Persian Gulf Region, the
Horn of Africa, the Strait of Malacca, and routinely conducts anti-piracy operations and partners
with other navies in the region.</p>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 45


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 46


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

HTML Source Code2:-


<html>

<head>

<link rel="stylesheet" href="mystyle.css">

</head>

<body>

<h1>Kanchipuram

(City in Tamil Nadu)

</h1>

<p>Kanchipuram (IAST: kancipuram, also known as Kanjeevaram, is a stand alone city


corporation, satellite nodal city of Chennai in the Indian state of Tamil Nadu in the
Tondaimandalam region, 72 km (45 mi) from Chennai – the capital of Tamil Nadu. Known as the
City of Thousand Temples, Kanchipuram is known for its temple architectures, 1000-pillared
halls, huge temple towers and silk saris.
Kanchipuram serves as one of the most important inland tourist destinations in India.
Kanchipuram has become a centre of attraction for foreign tourists as well. The city covers an
area of 36.14 km2 (13.G5 sq mi) and an estimated population of 232,816 in 2011. It is the
administrative headquarters of Kanchipuram District. Kanchipuram is well-connected by
road and rail.</p>

<h2 class="void">Kanchi Kamakshi Temple </h2>

<p>The temple's sanctum sanctorum houses the main deity, Goddess Kamakshi, in a seated
posture, radiating grace and compassion. Kanchi Kamakshi Amman Temple is also one of the 18
astadasha shakti peethas. Pilgrims flock to seek the blessings of the goddess, who is believed to
fulfill the wishes of her devotees.</p>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 47


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 48


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

HTML Source Code3:-


<html>

<head>

<link rel="stylesheet" href="mystyle.css">

</head>

<body>

<h1>WINTER SEASON</h1>

<p>Winter begins at the winter solstice. In the northern hemisphere, the winter solstice is usually
December 21 or December 22. In the southern hemisphere, the winter solstice is usually June 21 or
June 22. Some animals hibernate in this season. In temperate climates there are no leaves on
deciduous trees. People wear warm clothing, and eat food that was grown earlier. Many regions
have snow in winter.</p>

<h2 class="void">RAINY SEASON </h2>

<p>South-west monsoon lasting from June to September. The season is dominated by the humid
southwest summer monsoon, which slowly sweeps across the country beginning in late May
or early June. Monsoon rains begin to recede from North India at the beginning of October.
South India typically receives more rainfall.</p>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 49


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 50


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

HTML Source Code:-4:

<html>

<head>

<link rel="stylesheet" href="mystyle.css">

</head>

<body>

<h1>Artificial Intelligence</h1>

<p>Artificial Intelligence (or simply A.I.) is a 2001 American science fiction film directed by Steven
Spielberg. The screenplay by Spielberg and screen story by Ian Watson are loosely based on the
1G6G short story "Supertoys Last All Summer Long" by Brian Aldiss. Set in a futuristic society, the
film stars Haley Joel Osment as David, a childlike android uniquely programmed with the ability to
love. Jude Law, Frances O'Connor, Brendan Gleeson and William Hurt star in supporting
roles.Development of A.I. originally began after producer and director Stanley Kubrick</p>

<h2 class="void">Machine Learning</h2>

<p>Machine learning (ML) is a field of study in artificial intelligence concerned with the
development and study of statistical algorithms that can learn from data and generalize to unseen
data, and thus perform tasks without explicit instructions. Within a subdiscipline in machine
learning, advances in the field of deep learning have allowed neural networks, a class of statistical
algorithms, to surpass many previous machine learning approaches in performance.</p>

</body>

</html>

Dept. of CSE SREC,Nandyal Page 51


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 52


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

WEEK-4

Program statement:-
4. Write a program to apply different types of selector forms

i. Simple selector (element, id, class, group, universal)


ii. Combinator selector (descendant, child, adjacent sibling, general sibling)
iii.Pseudo-class selector
iv. Pseudo-element selector
v. Attribute selector
description:-
i. Simple CSS Selectors Definition:

Simple CSS selectors are used to target HTML elements in order to apply styles. They are basic and
straightforward selectors that do not require complex logic or structure.

1. Element Selector: Targets all elements of a given type (e.g., p, div).

2. Class Selector: Targets elements with a specific class (e.g., .highlight).

3. ID Selector: Targets an element with a specific id (e.g., #main-header).

4. Universal Selector: Targets all elements on the page (*).

Source Code:-
<html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">


<title>Selectors Example</title>
<style>
/* Universal Selector */

Dept. of CSE SREC,Nandyal Page 53


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8
*{

color: blue;
}

/* Type Selector (Element Selector) */


h1 {
font-size: 24px;
}

/* Class Selector */
.highlight {
background-color: yellow;
}

/* ID Selector */
#main-title {
font-weight: bold;
}

/* Group Selector */
h1, p {
text-align: center;
}
</style>
</head>
<body>
<h1 id="main-title" class="highlight">Hello, World!</h1>

<p class="highlight">This is a paragraph with a class selector.</p>

<p>This paragraph will be centered due to group selector.</p>

</body>

Dept. of CSE SREC,Nandyal Page 54


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:-

Dept. of CSE SREC,Nandyal Page 55


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

ii. Combinator Selectors in CSS:


Combinator selectors are used to combine multiple simple selectors to select elements based on their
relationships with other elements. These selectors allow you to target elements that are related in some way,
such as being inside or adjacent to other elements.

1. Descendant Selector (Space): Targets elements nested anywhere inside a parent (e.g., div p).

2. Child Selector (>): Targets elements that are direct children of a specified parent (e.g., div > p).
<html>

3. Adjacent Sibling Selector (+): Targets the next sibling element immediately after a specified
element (e.g., h1 + p).

4. General Sibling Selector (~): Targets all sibling elements that share the same parent (e.g., h1 ~ p).

Source Code:-
<html>
<head>
<style>
div >p{
background-color:yellow;
}
</style>
</head>
<body>
<p>1.Tata was regarded as a visionary leader, and his legacy is one of compassion and innovation
that transcends the confines of the corporate realm to impact millions of ordinary lives.In the 1960s, the
modelling world established modelling agencies. Throughout Europe, secretarial services acted as models'
agents charging them weekly rates for their messages and bookings. For the most part, models were
responsible for their own billing. In Germany, agents were not allowed to work for a percentage of a
person's earnings, so they referred to themselves as secretaries. Except for a few models travelling to Paris
or New York, travelling was relatively unheard of for a model. Most models only worked in one market
due to different labour laws governing modelling in various countries. In the 1960s, Italy had many fashion
houses and fashion magazines but desperately needed models. Italian agencies often coerced models to
return to Italy without work visas by withholding their pay.[7] They would also pay their models in cash,
which models would have to hide from customs agents. It was not uncommon for models staying in hotels
such as La Louisiana in Paris or the Arena in Milan to have their hotel rooms raided by the police looking
for their work visas. It was rumoured that competing agencies were behind the raids. This led many
agencies to form worldwide chains; for example, the Marilyn Agency has branches in Paris and New
York.</p>
<div>
<p>2. In his lifetime he received two of India's highest civilian honors—the Padma Vibhushan (2008)
and the Padma Bhushan (2000).In the 1960s, the modelling world established modelling agencies.
Throughout Europe, secretarial services acted as models' agents charging them weekly rates for their
messages and bookings. For the most part, models were responsible for their own billing. In Germany,
Dept. of CSE SREC,Nandyal Page 56
FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8
agents were not allowed to work for a percentage of a person's earnings, so they referred to themselves as
secretaries. Except for a few models travelling to Paris or New York, travelling was relatively unheard of
for a model. Most models only worked in one market due to different labour laws governing modelling in
various countries. In the 1960s, Italy had many fashion houses and fashion magazines but desperately
needed models. Italian agencies often coerced models to return to Italy without work visas by withholding
their pay.[7] They would also pay their models in cash, which models would have to hide from customs
agents. It was not uncommon for models staying in hotels such as La Louisiana in Paris or the Arena in
Milan to have their hotel rooms raided by the police looking for their work visas. It was rumoured that
competing agencies were behind the raids. This led many agencies to form worldwide chains; for example,
the Marilyn Agency has branches in Paris and New York.</p>
<p>3.Ratan Tata's success story includes winning the third- and second-highest civilian awards in India,the
Padma Bhushan in 2000 and the Padma Vibhushan in 2008, respectively.In the 1960s, the modelling world
established modelling agencies. Throughout Europe, secretarial services acted as models' agents charging
them weekly rates for their messages and bookings. For the most part, models were responsible for their
own billing. In Germany, agents were not allowed to work for a percentage of a person's earnings, so they
referred to themselves as secretaries. Except for a few models travelling to Paris or New York, travelling
was relatively unheard of for a model. Most models only worked in one market due to different labour laws
governing modelling in various countries. In the 1960s, Italy had many fashion houses and fashion
magazines but desperately needed models. Italian agencies often coerced models to return to Italy without
work visas by withholding their pay.[7] They would also pay their models in cash, which models would
have to hide from customs agents. It was not uncommon for models staying in hotels such as La Louisiana
in Paris or the Arena in Milan to have their hotel rooms raided by the police looking for their work visas. It
was rumoured that competing agencies were behind the raids. This led many agencies to form worldwide
chains; for example, the Marilyn Agency has branches in Paris and New York.[</p>
<p>4.Along with national civilian accolades,the success story of Ratan Tata also includes a number of state
civilian honors.In the 1960s, the modelling world established modelling agencies. Throughout Europe,
secretarial services acted as models' agents charging them for a percentage of a person's earnings, so they
referred to themselves as secretaries. Except for a few models travelling to Paris or New York, travelling
was relatively unheard of for a model. Most models only worked in one market due to different labour laws
governing modelling in various countries. In the 1960s, Italy had many fashion houses and fashion
magazines but desperately needed models. Italian agencies often coerced models to return to Italy without
work visas by withholding their pay.[7] They would also pay their models in cash, which models would
have to hide from customs agents. It was not uncommon for models staying in hotels such as La Louisiana
in Paris or the Arena in Milan to have their hotel rooms raided by the police looking for their work visas. It
was rumoured that competing agencies were behind the raids. This led many agencies to form worldwide
chains; for example, the Marilyn Agency has branches in Paris and New York.[</p>
</div>
</body>

Dept. of CSE SREC,Nandyal Page 57


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 58


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

i) desendent selector(space):-
sourcecode:-
<html>
<head>
<style>
div p {
background-color:green;
}
</style>
</head>
<body>
<h2>Desendent selector</h2>
<p>1.The desendent selector matches all the elements that are desendents of a specified element.In the 1960s,
the modelling world established modelling agencies. Throughout Europe, secretarial services acted as models'
agents charging them weekly rates for their messages and bookings. For the most part, mols were responsible
for their own billing. In Germany, agents were not allowed to work for a percentage of a person's but
desperately needed models.It was rumoured that competing agencies were behind the raids. This led many
agencies to form worldwide chains; for example, the Marilyn Agency has branches in Pas and New York.</P>
<div>
<p>2.Environment means all the natural. the surrroundings such as land,air,water ,a plants.In the 1960s, the
modelling wld established modelling agencies. Throughout Europe, secretarial services for models staying in
hotels such as La Louisiana in Paris or the Arena in Milan to have their hotel rooms raided by th led many agies
to form worldwide chains; for example, the Marilyn Agency has branches in Paris and New York.</p>

<p>3.A clean eironment is necessary life on the earthIn the 1960s, the modelling world established modelling
agencies. Throughout Europe, secretarial services acted as models' agents charging them weekly rates for their
messages and bookings. For the most part, models were responsible for their own billing. In Germany, agents
were not allowed to work for a percentage of a person's earnings, so they referred to themselves that competing
agencies were behind the raids. This led many agencies to form worldwide chains; for example, the Marilyn
Agency has branches in Paris and New York.</P>
<selection>
<p>4.there are many different types of environmental issues are there In the 1960s, the modelling world
establish modelling agencies. Throughout Europe, secretarial services acted as models' agents charging them
weekly ratmessages and bookings. For the mosdels were responsible for their own billi raids. This led many
agencies to form worldwide chains; for example, the Marilyn Agency has branches in Paris and New
York.[</p></selection></div>
<p>5.Envirionment issues increasing day by day.In the 1960s, the modelling world established modelling
agencies. Throughout Europe, secretarial services acted as models' agents charging them weekly rates for their
messages competing agencies were behind the raids. This led many agencies to form worldwide chains; for
example, the Marilyn Agency has branches in Paris and New York.[</p>
</body>
</html>

Dept. of CSE SREC,Nandyal Page 59


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:

Dept. of CSE SREC,Nandyal Page 60


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

ii) child selector(>)


source code:-
<html>
<head>
<style>
div >p{
background-color:yellow;
}
</style>
</head>
<body>
<p>1.Tata was regarded as a visionary leader, and his legacy is one of compassion and innovation
that transcends the confines of the corporate realm to impact millions of ordinary lives.In the 1960s, the
modelling world established modelling agencies. Throughout Europe, secretarial services acted as models'
agents charging them weekly rates for their messages and bookings. For the most rt, models were responsible
for their own billing. In Germany, agents were not allowed to work for a percentage of a person's earnings, so
they referred to themselves as secretaries. Except for a few models travelling to Paris or New York, travelling
was relatively unheard of for a model. Most models only worked in one market due to different labour laws
governing modelling in various countries. In the 1960s, Italy had many fashion houses and fashion magazines
but desperately needed models. Italian agencies often coerced models to return to Italy without work visas by
withholding their pay.[7] They would also pay their models in cash, which models would have to hide from
customs agents. It was not uncommon for models staying in hotels such as La isiana in Paris or the Arena in
Milan to have their hotel rooms raided by the police looking for their work visas. It was rumoured that
competing agencies were behind the raids. This led many agencies to form worldwide chains; for example, the
Marilyn Agency has branches in Paris and New York.</p>
<div>
<p>2. In his lifetime he received two of India's highest civilian honors—the Padma Vibhushan (2008)
and the Padma Bhushan (2000).In the 1960s, the modelling world established modeing agencies. Throughout
Europe, secretarial services acted as models' agents charging them weekly rates for their messages and
bookings. For the most part, models were responsible for their own billing. In Germany, agents were not
allowed to work for a percentage of a person's earnings, so they referred to themselves as setaries. Except for a
few models travelling to Paris or New York, travelling was relatively unheard of for a modelost models only
worked in one market due to different labour laws governing modelling in various counties. In the 1960s, Italy
had many fashion houses and fashion magazines but desperately needed models. Italian ancies often coerced
models to return to Italy without work visas by withholding their pay.[7] They would also pay their models in
cash, which models would have to hide from customs agents. It was not uncommon fomodels staying in hotels
such as La Louisiana in Paris or the Arena in Milan to have their hotel rooms raided by the police looking for
their work visas. It was rumoured that competing agencies were behind the raids. This led many agencies to
form worldwide chains; for example, the Marilyn Agency has branches in Paris and New York.</p>
<p>3.Ratan Tata's success story includes winning the third- and second-highest civilian awards in India,the Padma
Bhushan in 2000 and the Padma Vibhushan in 2008, respectively.In the 1960s, the modelling world established
modelling agencies. Throughout Europe, secretarial services acted as models' agents charging them weekly rates for

Dept. of CSE SREC,Nandyal Page 61


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

heard of for a model. Most models only worked in one market due to different labour laws governing modelling in
various countries. In the 1960s, Italy had many fashion houses and fashion magazines but desperately needed
models. Italian agencies often coerced models to return to Italy without work visas by withholding their pay.[7]
They would also pay their models in cash, which models would have to hide from customs agents. It was not
uncommon for models staying in hotels such as La Louisiana in Paris or the Milto have their hotel rooms raided by
the police looking for their work visas. It was rumoured that competing agencies were behind the raids. This led
many agencies to form worldwide chains; for example, the Marilyn Agency has branches in Paris and New
York.[</p>
<p>4.Along with national civilian accolades,the success story of Ratan Tata also includes a number of state
civilian honors.In the 1960s, the modelling world established modelling agencies. Throughout Europe,
secretarial services acted as models' agents charging them weekly rates for their messages and bookingsFor the
most part, models were responsible for their own billing. In Germany, agents were not allowed to work for a
percentage of a person's earnings, so they referred to themselves as secretaries. Except for a few models
travelling to Paris or New York, travelling was relatively unheard of for a model. Most models only worked in
one market due to different labour laws governing modelling in various countries. In the 1960s, Italy d many
fashion houses and fashion magazines but desperately needed models. Italian agencies often coerced models to
return to Italy without work visas by withholding their pay.[7] They would also pay their models icash, which
models would have to hide from customs agents. It was not uncommon for models staying in hotelsuch as La
Louisiana in Paris or the Arena in Milan to have their hotel rooms raided by the police looking for their work
visas. It was rumoured that competing agencies were behind the raids. This led many agencies to form
worldwide chains; for example, the Marilyn Agency has branches in Paris and New York.[</p>
</div>
</body>
</html>

Dept. of CSE SREC,Nandyal Page 62


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:-

Dept. of CSE SREC,Nandyal Page 63


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

iv)nextsubiling:
source code:-
<html>
<head>
<style>
div +p{
background-color:blue;
}
</style>
</head>
<body>
<p>1.Two fundamental techniques allow AI to work effectively, Machine Learning (ML), and Deep Learning
(DL).ML and DL create the environment for AI to function.In the 1960s, the modelling world established
modelling agencies. Throughout Europe, secretarial services acted as models' agents charging them weekly
rates for their messages and bookings. For the most part, models were responsible for their own billing. In
Germany, agents were not allowed to work for a percentage of a person's earnings, so they referred to
themselves as secretaries. Except for a few models travelling to Paris or New York, travelling was relatively
unheard of for a model. Most models only worked in one market due to different labour laws governing
modelling in various countries. In the 1960s, Italy had many fashion houses and fashion magazines but
desperately needed models. Italian agencies often coerced models to return to Italy without work visas by
withholding their pay.[7] They would also pay their models in cash, which models would have to hide from
customs agents. It was not uncommon for models staying in hotels such as La Louisiana in Paris or in Milan to
have their hotel rooms raided by the police looking for their work visas. It was rumoured that competing
agencies were behind the raids. This led many agencies to form worldwide chains; for example, the Marilyn
Agency has branches in Paris and New York.</p>
<div>
<p>2.ML is a computer’s built-in tools and algorithms that “learn,” or use existing data to produce accurate
predictions In the 1960s, the modelling world established modelling a p a person's earnings, so they referred to
themselves as secretaries. Except for a few models travelling to Paris or New York, travelling was relatively
unheard of for a model. Most models only worked in one market due to different labour laws governing
modelling in various countries. In the 1960s, Italy had many fashion magazines but desperately needed models.
Italian agencies often coerced models to return to Italy without work visas by withholding their pay.[7] They
would also pay their models in cash, which models would have to hide from customs agents. It was not
uncommon for models staying in hotels such as La Louisiana in Paris or the Arena oured that competing
agencies were behind the raids. This led many agencies to form worldwide chains; for example, the Marilyn
Agency has branches in Paris and New York.</p>
</div>
<p>3. machine learning platform can use information from a number of different data sources In the 1960s, the
modelling world established modelling agencies. Throughout Europe, secretarial services acted as models'
agents charging them weekly rates for their messages and bookings. For the most part, models were responsible
for their own billing. In Germany, agents were not allowed to work for a percentage of a person's earnings, so
they referred to themselves as secretaries. Except for a few models travelling to Paris or New York, travelling
was relatively unheard of for a model. Most models only worked in one market due to different labour laws
governing modelling in various countries. In the 1960s, Italy had many fashion houses and fashion magazines
raids. This led many agencies to form worldwide chains; for example, the Marilyn Agency has and New Y

Dept. of CSE SREC,Nandyal Page 64


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8
<p>4.along with other algorithms — to predict and classify information.In the 1960s, the modelling
worldestablished modelling agencies. Throughout Europe, secretarial services acted as models' agents charging
them weekly rates for their messages and bookings. For the most part, models were responsible for their own
billing. In Germany, agents were not allowed to work for a percentage of a person's earnings, so they referred to
themselves as secretaries. Except for a few models travelling to Paris or New York, travelling was relatively
unheard of for a model. Most models only worked in one market due to different labour laws governing
modelling in various countries. In the 1960s, Italy had many fashion houses and fashion magazines but
desperately needed models. Italian agencies often coerced models to return to Italy without work visas by
withholding their pay.[7] They would also pay their models in cash, which models would have to hide from
customs agents. It was not uncommon for models staying in hotels such as La Louisiana in Paris or Milan to
have their hotel rooms raided by the police looking for their work visas. It was rumoured that competing
agencies were behind the raids. This led many agencies to form worldwide chains; for example, the Marilyn
Agency has branches in Paris and New York.</p>
</body>
</html>

Dept. of CSE SREC,Nandyal Page 65


FULL STACK DEVELOPMENT-I Regd No: 23X51A05D8

Output:-

Dept. of CSE SREC,Nandyal Page 66

You might also like