Scribd
Upload
2 views6 pages

Exp - 4 HTML Attributes

The document is a lab manual for developing a webpage using HTML attributes, outlining the aim, objectives, required apparatus, and software. It includes a sample HTML code for creating a simple webpage with various elements such as headings, paragraphs, images, tables, lists, audio, and video. Additionally, it poses questions for post-lab reflection on programming languages, HTML usage, and commands for inserting different media types.

Uploaded by

jaswanthgundubilli
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
2 views6 pages

Exp - 4 HTML Attributes

The document is a lab manual for developing a webpage using HTML attributes, outlining the aim, objectives, required apparatus, and software. It includes a sample HTML code for creating a simple webpage with various elements such as headings, paragraphs, images, tables, lists, audio, and video. Additionally, it poses questions for post-lab reflection on programming languages, HTML usage, and commands for inserting different media types.

Uploaded by

jaswanthgundubilli
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

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?

You might also like