Scribd
Upload
8 views8 pages

Exp - 4 HTML Attributes

The document is a lab manual for a webpage development experiment using HTML attributes, aimed at teaching students how to design a simple web page. It includes objectives, required apparatus and software, a sample HTML code, and post-lab questions. The code demonstrates various HTML elements such as headings, paragraphs, tables, lists, images, audio, and video integration.

Uploaded by

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

Exp - 4 HTML Attributes

The document is a lab manual for a webpage development experiment using HTML attributes, aimed at teaching students how to design a simple web page. It includes objectives, required apparatus and software, a sample HTML code, and post-lab questions. The code demonstrates various HTML elements such as headings, paragraphs, tables, lists, images, audio, and video integration.

Uploaded by

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

NAME- ASHIRBAD PATRA

ID- 2500032457
CO2_HTML _LAB MANUAL
EXP 5- Webpage Development with HTML attributes

1.1 AIM: - To develop webpage with HTML attributes.

1.2 Objectives: To understand concept of Design of simple web page with


HTML

1.3 Apparatus: Desktop or Laptop with any operating system like UNIX,
LINUX and Windows.

1.4 Software: Notepad or Notepad++ or Visual Studio Code and any web
Browser like Internet Explorer, Google Chrome, and Mozilla Firefox etc.

PRE-LAB

[Link] the outline of a webpage.

[Link] the outline of website.

1.5 Procedure (CODE):


<html>

<head>

<title> HEADING </title>

</head>

<style>

table, th, td {

border: 1px solid black;

border-collapse: collapse;

padding: 15px;

text-align: left;

</style>

<body bgcolor="yellow">

<h1> GOOD MORNING </h1>

<p1> GOOG MORNING TO EVERYONE. <br> HAVE A NICE DAY


</p1>

<img src="[Link]" width="100" height="150">

<table>

<tr>

<th> [Link]. </th>

<th> ID </th>

<th> NAME </th>


</tr>

<tr>

<td> 1 </td>

<td> 2200030000 </td>

<td> VENKATA </td>

</tr>

<tr>

<td> 2 </td>

<td> 2200040000 </td>

<td> RAMANA </td>

</tr> </table>

<ul>

<li> cse1 </li>

<li> cse2 </li>

<li> cse3 </li>

<li> cse4 </li>

</ul>

<ol>

<li> cse1 </li>

<li> cse2 </li>

<li> cse3 </li>

<li> cse4 </li>

</ol>

<a href=""> cse20 </a>


<a href="audio.mp3"> cse21 </a>

<audio width="320" height="240" controls>

<source src="audio.mp3">

</audio>

<video width="320" height="240" controls>

<source src="kedarnath.mp4">

</video>

<marquee> <h2> GOOD NOON</h2> </marquee>

<p2> GOOG MORNING TO <i> EVERYONE </i>. HAVE A NICE


DAY </p2>

<h3 align="center"> GOOD EVENING </h3>

<p3> GOOG MORNING TO <b> EVERYONE </b>. HAVE A NICE


DAY </p3>

<h4> GOOD </h4>

<p4> GOOG MORNING TO <u> EVERYONE </u>. HAVE A NICE


DAY </p4>

<h5> VERY GOOD </h5>

<p5> GOOG MORNING TO EVERYONE. HAVE A NICE DAY </p5>

<h6> BEST</h6>

<p6> GOOG MORNING TO EVERYONE. HAVE A NICE DAY </p6>

</body>

</html>
1.6 Result:

POST-LAB

[Link] is the different between program language and script language?

[Link] is HTML and its use?

[Link] the commands to insert list and table?

[Link] the commands to insert image, audio and video?


Student’s code

You might also like