Scribd
Upload
14 views43 pages

HTML.pdf

The document contains a series of HTML code examples for various tags including headings, marquee, background color, paragraphs, text alignment, images, line breaks, tables, login forms, data attributes, registration forms, and examination timetables. Each example demonstrates the structure and usage of specific HTML elements. The document serves as a practical guide for creating basic web pages using HTML.

Uploaded by

pikachureo42
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
14 views43 pages

HTML.pdf

The document contains a series of HTML code examples for various tags including headings, marquee, background color, paragraphs, text alignment, images, line breaks, tables, login forms, data attributes, registration forms, and examination timetables. Each example demonstrates the structure and usage of specific HTML elements. The document serves as a practical guide for creating basic web pages using HTML.

Uploaded by

pikachureo42
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/ 43

1.

WRITE THE HTML CODE FOR THE HEADING TAG


<html>
<head>
<title>HEADING Tag</title>
</head>
<body>
<h1>THE HEADING TAG IS</h1>
<h2>THE HEADING TAG IS</h2>
<h3>THE HEADING TAG IS</h3>
<h4>THE HEADING TAG IS</h4>
<h5>THE HEADING TAG IS</h5>
<h6>THE HEADING TAG IS</h6>
</body>
</html>
OUTPUT:
2.WRITE THE HTML CODE FOR THE MARQUEE TAG
<html>
<head>
<title>MARQUEE Tag</title>
</head>
<body>
<marquee><h1>THE DIRECTION OF TEXT WILL BE
FROM LEFT TO RIGHT</h1></marquee>
<h2>THE DIRECTION OF TEXT WILL BE FROM LEFT
TO RIGHT</h2>
<h3>THE DIRECTION OF TEXT WILL BE FROM LEFT
TO RIGHT</h3>
</body>
</html>
OUTPUT
3.WRITE THE HTML CODE FOR THE BACKGROUND
COLOR TAG
<html>
<head>
<title>BACKGROUND COLOR Tag</title>
</head>
<body bgcolor="orange">
<h1>GOOD MORNING GUYS</h1>
<h2>WELCOME TO MY STUDY ROOM</h2>
<P>WELCOME TO MY STUDY ROOM</P>
</body>
</html>
OUTPUT:
4.WRITE THE HTML TAG FOR THE PARAGRAPH
TAG
<html>
<head>
<title>PARAGRAPH Tag</title>
</head>
<body>
<p>THE FIRST PARAGRAPH TAG</p>
<p>THE SECOND PARAGRAPH TAG</p>
<p>THE THIRD PARAGRAPH TAG</p>
<p>THE FOURTH PARAGRAPH TAG</p>
<p>THE FIFTH PARAGRAPH TAG</p>
<p>THE SIXTH PARAGRAPH TAG</p>
</body>
</html>
OUTPUT
5.WRITE THE HTML CODE FOR ALLIGNMENT
THE TEXT IN CENTER TAG
<html>
<head>
<title>CENTER Tag</title>
</head>
<body>
<center>
<h1>WELCOME TO FACULTY OF COMPUTER
APPLICATIONS</h1>
<p>GOOD AFTERNOON MY FRIENDS</p>
</center>
</body>
</html>
OUTPUT
6.WRITE THE HTML CODE FOR THE IMAGE TAG
<html>
<head>
<title>IMAGE Tag</title>
</head>
<body>
<center>
<h1>WELCOME TO SHARNBASVA UNIVERSITY
</h1>
<img src="C:\Users\Owner\Downloads\my
photo.jpg">
</center>
</body>
</html>
OUTPUT:
WELCOME TO SHARNBASVA UNIVERSITY
7.WRITE THE HTML CODE FOR ALIGNMENT
THE TEXT (ie left,center,right)TAG
<html>
<head>
<title>Text Alignment Tag</title>
</head>
<body bgcolor="orange">
<p align="left"><b>WELCOME TO SHARNBASVA
UNIVERSITY</p>
<p align="center">WELCOME TO FACULTY OF
COMPUTER APPLICATIONS</p>
<p align="right">Dept OF BCA(CO-ED)</b></p>
</body>
</html>
OUTPUT
8.WRITE THE HTML CODE FOR LINE-BREAK TAG
<html>
<head>
<title>LINE-BREAK Tag</title>
</head>
<body bgcolor="pink">
<p>WELCOME TO SHARNBASVA
UNIVERSITY</br>WELCOME TO FACULTY OF
COMPUTER APPLICATIONS</br>
DEPT OF BCA(CO-ED)</br></p>
</body
</html>
OUTPUT:
9.WRITE THE HTML CODE FOR TABLE TAG
WITH BORDER
<html
<head>
<title>TABLE BORDER Tag</title>
</head>
<body bgcolor="orange">
<center>
<table border="5">
<caption><b><u>EMPLOYEE DETAILS</u></b>
</caption>
<tr>
<th>NAME</th>
<th>QULIFICATION</th>
<th>SALARY</th>
</tr>
<tr>
<td>VINAYAK SUTRAVE</td>
<td>BCA</td>
<td>20000</td>
</tr>
<tr>
<td>SHAM PANDE</td>
<td>BBA</td>
<td>15000</td>
</tr>
<tr>
<td>VIVEK BAGADE</td>
<td>CS</td>
<td>12000</td>
</tr>
<tr>
<td>VIKAS CHAUHAN</td>
<td>ENGINEERING</td>
<td>16000</td>
</tr>
<tr>
<td>SRINIVAS SUTAR</td>
<td>MCA</td>
<td>18000</td>
</tr>
</table>
</center>
</body>
</html>

OUTPUT
10.WRITE THE HTML CODE FOR LOGIN PAGE TAG
<html>
<head>
<title>LOGIN PAGE Tag</title>
</head>
<body bgcolor="orange">
<center>
<h1>WELCOME TO SHARNBASVA
UNIVERSITY</h1>
<h2>WELCOME TO FACULTY OF COMPUTER
APPLICATIONS</h2>
<h3>LOGIN HERE</h3>
<form action="login.html"method="post">
<table>
<tr>
<td>USER NAME</td>
<td>
<input value type="text"name="user">
</td>
<tr>
<td>PASSWORD</td>
<td>
<input value
type="PASSWORD"name="user_pass">
</td>
<tr>
<td>
<input value type="submit"value="submit">
</td>
</tr>
</table>
</center>
</body>
</html>
OUTPUT
11.WRITE THE HTML CODE FOR DATA ATTRIBUTES
<html>
<head>
<title>EXAMPLE OF DATA ATTIBUTES</title>
</head>
<center>
<body bgcolor="pink">
<form>
EMPLOYEE NAME:<input value
type="text"placeholder="enter your
name"required>
<br>
<br>
DATE OF JOINING:<input value type="date">
<button
type="submit"name="btn">submit</button>
</form>
</center>
</body>
</html>
OUTPUT
12.WRITE A HTML CODE FOR CLASS TIME TABLE
<html>
<head>
<title>CLASS TIME TABLE</title>
</head>
<body bgcolor="orange">
<center>
<table border="1">
<tr>
<th> Day </th>
<th> 10:00-11:30 </th>
<th> 11:30-01:00 </th>
<th> 01:00-01:45 </th>
<th> 01:45-02:45 </th>
<th> 02:45-03:00 </th>
<th> 03:00-05:00 </th>
</tr>
<tr>
<td> TUESDAY </td>
<td> DSC </td>
<td> DMS </td>
<th> LUNCH BREAK</th>
<td> JAVA </td>
<th> BREAK</th>
<td> EVS </td>
</tr>
<tr>
<td> WEDNESDAY </td>
<td> DSC LAB </td>
<td> ENGLISH </td>
<th> LUNCH BREAK</th>
<td> KANNADA </td>
<th> BREAK</th>
<td> E-COMMERCE</td>
</tr>
<tr>
<td> THURSDAY </td>
<td> JAVA </td>
<td> DSC </td>
<th> LUNCH BREAK</th>
<td> JAVA LAB </td>
<th> BREAK</th>
<td> DMS </td>
</tr>
<tr>
<td> FRIDAY </td>
<td> EVS </td>
<td> DSC LAB </td>
<td> LUNCH BREAK</th>
<td> E-COMMERCE </td>
<th> BREAK </th>
<td> KANNADA </td>
</tr>
<tr>
<td> SATURDAY </td>
<td> DMS </td>
<td> JAVA </td>
<th> LUNCH BREAK </th>
<td> PROJECT-2 </td>
<th> BREAK </th>
<td> DSC </td>
</tr>
<tr>
<td> SUNDAY </td>
<td> E-COMMERCE </td>
<td> JAVA LAB </td>
<th> LUNCH BREAK </td>
<td> ENGLISH </td>
<th> BREAK </th>
<td> SPORTS </td>
</tr>
</center>
</table>
</body>
</html>
OUTPUT
C SECTION
13.WRITE A HTML CODE FOR REGISTRATION FORM
<html>
<head>
<title> REGISTRATION FORM </title>
</head>
<body bgcolor="orange">
<center>
<h1> WELCOME TO SHARNBASVA UNIVERSITY
</h1>
<h2> WELCOME TO FACULTY OF COMPUTER
APPLICATIONS </h2>
<form action="login.html"method="post">
<table>
<tr>
<td> STUDENT NAME </td>
<td>
<input type="text"name="name">
</td>
<td>
<td> FATHER NAME </td>
<td>
<input type="text"name="name">
</td>
<td>
<td> MOTHER NAME </td>
<td>
<input type="text"name="name">
</td>
<tr>
<td> REGISTRATION NUMBER </td>
<td>
<input type="text"name="name">
</td>
<td>
<td> PHONE NUMBER </td>
<td>
<input type="text"name="name">
</td>
<td>
<input type="submit"value="submit">
</td>
</tr>
</center>
</table>
</body>
</html>
OUTPUT NO’ 1

OUTPUT NO’ 2
14.WRITE A HTML CODE FOR EXAMINATION TIME
TABLE
<html>
<head>
<title> EXAMINATION TIME TABLE </title>
</head>
<body bgcolor="orange">
<center>
<h1> BCA 2 SEM SEE EXAMINATION IN C SECTION
</h1>
<table border="1">
<tr>
<th> Course Code </th>
<th> Course Title </th>
<th> Date of Examination</th>
</tr>
<tr>
<td> 21BCA21 </td>
<td> DSC </td>
<th> 21/09/2022 </th>
</tr>
<tr>
<td> 21BCA22 </td>
<td> JAVA </td>
<th> 23/09/2022 </th>
</tr>
<tr>
<td> 21BCA23 </td>
<td> DMS </td>
<th> 25/09/2022 </th>
</tr>
<tr>
<td> 21BCA24 </td>
<td> E-COMMERCE </td>
<th> 27/09/2022 </th>
</tr>
<tr>
<td> 19KANKM210 </td>
<td> KANNADA </td>
<th> 01/10/2022 </th>
</tr>
<tr>
<td> 21BCA25 </td>
<td> ENGLISH-2 </td>
<th> 04/10/2022 </th>
</tr>
<tr>
<td> 21BCA26 </td>
<td> EVS </td>
<th> 11/09/2022 </th>
</tr>
<tr>
<td> 21BCA27 </td>
<td> SPORTS </td>
<th> 12/10/2022 </th>
</tr>
<tr>
<td> 21BCA28 </td>
<td> NSS </td>
<th> 14/09/2022 </th>
</tr>
<tr>
<td> 21BCA21L </td>
<td> DSC LAB </td>
<th> 15/10/2022 </th>
</tr>
<tr>
<td> 21BCA22L </td>
<td> JAVA LAB </td>
<th> 16/10/2022 </th>
</tr>
<tr>
<td> 21BCA29 </td>
<td> PROJECT-2 </td>
<th> 18/10/2022 </th>
</tr>
</center>
</table>
</body>
</html>
OUTPUT

You might also like