Scribd
Upload
20 views7 pages

Cws 2

The document contains code for different types of lists in HTML - unordered lists using the <ul> tag, ordered lists using the <ol> tag, and definition lists using the <dl> tag. Examples are provided of unordered lists with disc, circle and square bullet points, ordered lists numbered or lettered, and definition lists with term and description pairs.

Uploaded by

Arjun pali
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
20 views7 pages

Cws 2

The document contains code for different types of lists in HTML - unordered lists using the <ul> tag, ordered lists using the <ol> tag, and definition lists using the <dl> tag. Examples are provided of unordered lists with disc, circle and square bullet points, ordered lists numbered or lettered, and definition lists with term and description pairs.

Uploaded by

Arjun pali
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/ 7

Unordered list

CODE

<!DOCTYPE html>

<html>

<head><title>Unordered List</title></head>

<body>

<h2 style = "background-color:grey;">Unordered list tag</h2>

<h3>Features of html</h3>

<ul>

<li>easy to learn and easy to use</li>

<li>platform independent</li>

<li>images, texts, audios, videos can be added to the webpages</li>

<li>hypertext can be added to the webpages</li>

<li>it is a markup language</li>

</body>

<html>

OUTPUT

Ordered List Tag

CODE

<!DOCTYPE html>

<html>

<head><title>Ordered List</title></head>

<body>

<h2 style = "background-color:grey;">Ordered list tag</h2>


<h3>Advantages of the list tag</h3>

<ol>

<li>HTML is light-weighted hence it makes the webpage to load fast and easily.</li>

<li>it is simple and can be integrated with various programming languages like PHP, JavaScript, .NET,
Python etc. with ease</li>

<li>HTML is free and open-source language</li>

<li>Modern HTML and CSS framework has revolutionised HTML uses for creating more dynamic and
creative website and applications</li>

<li>NO specific coder writer is required to write the code as it can be written with ease on
notepad</li>

<li>To run the code, we just require a general purpose browser which can be easily available in any
device.</li>

</ol>

</body>

<html>

OUTPUT

Definition List Tag

CODE

<!DOCTYPE html>

<html>

<head><title>Definition List Tags</title></head>

<body>

<h2>Definition List Tag</h2>

<dl>

<dt>Python</dt>
<dd>Python is a widely used general-purpose, high level programming language. It was created by
Guido van Rossum in 1991 and further developed by the Python Software Foundation. It was
designed with an emphasis on code readability, and its syntax allows programmers to express their
concepts in fewer lines of code.</dd>

<dt>Java</dt>

<dd>Python is a widely used general-purpose, high level programming language. It was created by
Guido van Rossum in 1991 and further developed by the Python Software Foundation. It was
designed with an emphasis on code readability, and its syntax allows programmers to express their
concepts in fewer lines of code.</dd>

<dt>JavaScript</dt>

<dd>JavaScript is a scripting or programming language that allows you to implement complex


features on web pages — every time a web page does more than just sit there and display static
information for you to look at — displaying timely content updates, interactive maps, animated
2D/3D graphics, scrolling video jukeboxes, etc.</dd>

<dt>C Language</dt>

<dd>C is a procedural programming language initially developed by Dennis Ritchie in the year 1972
at Bell Laboratories of AT&T Labs. It was mainly developed as a system programming language to
write the UNIX operating system.</dd>

</dl>

</body>

</html>

OUTPUT:
<!—Final Webpage -->

<!DOCTYPE html>

<html>

<head>

<title>

Practical No 2

</title>

</head>

<body>

<h1> Ordered List</h1>

<h2> Ordered List : Number</h2>

<ol type="1">

<li>CSE</li>

<li>IT</li>

<li>ME</li>

<li>CIVIL</li>

</ol>

<h2>Ordered list : Upper Case Alphabets</h2>

<ol type = "A">

<li>CSE</li>

<ul type = "disc">

<li>First Semester</li>

<li>Second Semester</li>

<li>Third Semester</li>

<li>Fourth Semester</li>

</ul>

<li>IT</li>

<li>ME</li>

<ul type = "disc">

<li>First Semester</li>

<li>Second Semester</li>
<li>Third Semester</li>

<li>Fourth Semester</li>

</ul>

<li>CIVIL</li>

</ol>

<h2>Ordered List : Lower Case Alphabets</h2>

<ol type = "a">

<li>CSE</li>

<li>IT</li>

<li>ME</li>

<li>CIVIL</li>

</ol>

<h2>Ordered List : Lower Case Roman</h2>

<ol type = "i">

<li>CSE</li>

<li>IT</li>

<li>ME</li>

<li>CIVIL</li>

</ol>

<hr size ="5" noshade = "noshade" />

<h1>Unordered List</h1>

<h2>Unordered List : Disc</h2>

<ul type = "disc">

<li>CSE</li>

<ol type = "1">

<li>CSE</li>

<li>IT</li>

<li>ME</li>

<li>CIVIL</li>

</ol>

<li>IT</li>
<li>ME</li>

<li>CIVIL</li>

</ul>

<h2>Unordered List : Circle</h2>

<ul type = "circle">

<li>CSE</li>

<li>IT</li>

<li>ME</li>

<li>CIVIL</li>

</ul>

<h2>Unordered List : Square</h2>

<ul type = "square">

<li>CSE</li>

<li>IT</li>

<li>ME</li>

<li>CIVIL</li>

</ul>

<h2>Unorderd List : No Bullet</h2>

<ul type ="none">

BRANCH

<li>CSE</li>

<li>IT</li>

<li>ME</li>

<li>CIVIL</li>

</ul>

</body>

</html>
OUTPUT:

You might also like