Web Designing Lab » Khan Sir Academy

Design front page of hospital with different style sheets

July 24, 2021 by Academy

Design front page of hospital with different style sheets. Original Title: Hospital Website created using HTML & CSS, Computer application project Description: Computer Application Project submitted in IINTM , janak puri affiliated to guru gobind singh indraprastha university. Topic: HOSPITAL WEBSITE ( WE CARE HOSPITAL ) Using: HTML & CSS Code:- Input:- <!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Hospitals</title> <link rel=”icon” href=”https://upload.wikimedia.org/wikipedia/en/thumb/0/0e/Prince_of_Wales_Hospital_logo.svg/1920px-Prince_of_Wales_Hospital_logo.svg.png” type=”image/png”> <link rel=”stylesheet” href=”covidcss.css”></head><style> body { background-image: url(https://rubanpatliputrahospital.com/wp-content/uploads/2020/03/banner-3-1.jpg); background-repeat: no-repeat; } .container_1 { width: 100%; height: 1250%; display: flex; flex-wrap: wrap; justify-content: center; background-color: rgb(224 248 235 / 94%); padding: 100px 150px; margin-top: 750px; } … Read more

Create a student Bio-Data for HTML

July 24, 2021 by Academy

Create a student Bio- Data. Code:- Input:- <html><head><title> Registraton </title></head><body BGCOLOR=”#0000a3″ ><form action=”thanku.html”><table align=”center” bgcolor=”#9e1fff” width=”600″><tr><td colspan=2> <u><center style=”font-size:30px;color:#5cffff”> Student Registraton Form </u> </center></td></tr><tr> <!– FIRST ROW –> <td> Name: </td> <td> <input type=”text” Name=”LNAME” value=”” placeholder= “Name”> </td></tr><tr> <!– SECOND ROW –> <td> Father Name: </td> <td> <input type=”text” Name=”LNAME” value=”” > </td></tr><tr> <!– … Read more

Divide a web page vertically and horizontally and display logo of your college in left pane and logo of university in right pane

July 24, 2021 by Academy

Aim: Divide a web page vertically and horizontally and display logo of your college in left pane and logo of university in right pane Using tags:- Frameset Frame Image Paragraph iframe tag Code of Horizontally divide:- 1.mainframe.html:- <html> <head><title>Daviet and Ptu</title> <style></style> </head> <frameset rows=”50%,50%”> <frame name=”daviet” src=”daviet.html”> <frame name=”ptu” src=”ptu.html” > </frameset></html> 2. College.html:- <html> <head> <style> body{ background-color:#f2eed0; } #img_d{ float:left; width:190px; height:190px; margin-bottom:90px; } .d_txt{ font-size:90px; margin-bottom:-20px; } #d_txt{ } #yt_d{ margin-right:150px; float:right; } </style> </head><body> <img id=”img_d” src=”https://www.davietjal.org/wp-content/uploads/2016/03/final_colored_logo-1.png” /> <p class=”d_txt” >DAVIET </p><p id=”d_txt”> Dayanand Anglo Vedic Institute of Engg. and Technology </p> <iframe id=”yt_d” width=”450″ height=”200″ … Read more

Embed Audio and Video into your web page

July 23, 2021 by Academy

Embed Audio in webpage:- The controls attribute adds audio controls, like play, pause, and volume. The <source> element allows you to specify alternative audio files which the browser may choose from. The browser will use the first recognized format. The text between the <audio> and </audio> tags will only be displayed in browsers that do not support the <audio> element. Using Tags:- Audio tag Source … Read more

Use Tables to provide the layout to your web page

July 23, 2021 by Academy

Use Tables to provide the layout to your web page. In this practical create webpage using table tags. The simplest and most popular way of creating layouts is using HTML <table> tag. These tables are arranged in columns and rows, so you can utilize these rows and columns in whatever way you like. Using Tags:- … Read more

Design Time Table of your department and highlights of most important periods

July 23, 2021 by Academy

Design Time Table of your department and highlights of most important periods. In this practical using tags:- 1. <link /> 2. <div></div> 3. <p></p> 4. <table></table> 5. <tr></tr> 6. <th></th> 7. <td></td> Code:- Input:- <html> <head> <title>Time-Table</title> <link rel=”stylesheet” href=”time-table.css”> </head> <body> <div class=”main1″> <div class=”txt1″> <p>Ddepartment of Computer Application</p> <p>Time-Table ( May-2021 onwards)- Issue-IV (Online Mode)</p> </div> <div class=”dtb1″> <table class=”tb1″ align=”center”> <tr> <th class=”td1 td2 ” > </th> <th class=”td1 td2″ > 09:00 – 09:45 </th> <th class=”td1 td2″ > 09:45 – 10:30 </th> <th class=”td1 td2″ > 10:30 – 11:15 </th> <th class=”td1 td2″ > 11:15 – 12:00 </th> <th class=”td1 td3″ > 12:00 – 01:00 </th> <th class=”td1 td2″ > 01:00 – 01:45 </th> <th class=”td1 td2″ > 01:45 – 02:30 </th> <th class=”td1 td2″ > 02:30 – 03:15 </th> <th class=”td1 td2″ > 03:15 – 04:00 </th> </tr> <tr > <td class=”td12″ > Monday </td> <td class=”td1 se1″> SE KK </td> <td class=”td1 os1″ colspan=”2″> OS LAB AA </td> <td class=”td1 wd1″> WD RA </td> <td class=”td1 td3″ rowspan=”5″ style=”text-align:center;”> BREAK </td> <td class=”td1 os1″> OS AA </td> <td class=”td1 mpd1″> MPD KK </td> <td class=”td1 empt1″> ….. </td> <td class=”td1 empt1″> ….. </td> </tr> <tr > <td class=”td12″> TUESDAY </td> <td class=”td1 dbms1″> DBMS JK </td> <td class=”td1 se2″ colspan=”2″> SE LAB KK </td> <td class=”td1 empt1″ > …. </td> <td class=”td1 os2″ colspan=”2″> OS LAB AA </td> <td class=”td1 se1″> SE </td> <td class=”td1 wd1″> WD </td> </tr> <tr > <td class=”td12″> WEDNESDAY </td> <td class=”td1 dbms2″ colspan=”2″> DBMS LAB JK </td> <td class=”td1 wd1″ > WD RA </td> <td class=”td1 os1″> OS AA</td> <td class=”td1 se1″> SE KK </td> <td class=”td1 dbms1″> DBMS JK </td> <td class=”td1 empt1″> ….. </td> <td class=”td1 empt1″> ….. </td> </tr> <tr > <td class=”td12″> THURSDAY </td> <td class=”td1 wd1″> WD A </td> <td class=”td1 os1″> OS AA </td> <td class=”td1 wd2″ colspan=”2″> WD LAB KK </td> <td class=”td1 dbms1″> DBMS JK </td> <td class=”td1 empt1″> ….. </td> <td class=”td1 empt1″> ….. </td> <td class=”td1 empt1″> ….. </td> </tr> <tr > <td class=”td12″> FRIDAY </td> <td class=”td1 dbms2″ colspan=”2″> DBMS LAB JK </td> <td class=”td1 se1″> SE KK </td> <td class=”td1 os1″> OS AA </td> <td class=”td1 dbms1″> DBMS JK </td> <td class=”td1 se2″ colspan=”2″> SE LAB KK </td> <td class=”td1 empt1″> ….. </td> </tr> </table> </div></div> </body> </html> Output:- Display letter using different Text formatting Tags

Display letter using different Text formatting Tags

July 22, 2021 by Academy

Display letter using different Text formatting Tags. In this practical using tags:- <b> – Bold text <strong> – Important text <i> – Italic text <em> – Emphasized text <mark> – Marked text <small> – Smaller text <del> – Deleted text <ins> – Inserted text <sub> – Subscript text <sup> – Superscript text Code:- Input and Output:- Create A Hyperlink to Move around within … Read more

Create A Hyperlink to Move around within a single page rather than to load another page

July 22, 2021 by Academy

Create a Hyperlink to move around within a single page rather than to load another page. In this Practical using Tags:- <title><title> <link /> 3.<html><html> <head></head> <body></body> <img /> <br /> <hr /> <a></a> <u></u> <p></p> <ul></ul> <li></li> Code:- Input:- <html> <head> <title>Life Graft</title> <link rel=”icon” href=”https://pbs.twimg.com/profile_images/1710382878/New_Life_Logo_2012_-_Vimeo.jpg”type=”image/png”> </head> <body> <img src=”https://ambercantorna.com/wp-content/uploads/2017/04/Taboola_Foundation_FeaturedImg1.jpg” height=”200px” width=”700px”> <br /><br /> <hr /><br /> <a href=”#”><u> Home</u></a>         <a href=”#”><u> Articles</u></a>         <a href=”#”><u> Habtis</U></a>         <a href=”#”><u> Skills</u></a>         <a href=”#”><U> Quotes</U></a>         <a href=”#”><u> Books</u></a>         <br /><br /> <hr /><br /> <p style=”font-size:18px”><b> Welcome to new life!</b></p> <p > LIfe Craft-living a good, fulfilling life by developing strong character and life skills.</p> <img src=”https://genewhitehead.com/gwwp-suitcase/uploads/sprout-new-life.jpg” style=”margin-left:10px; margin-right:10px ” height=”300px” width=”700px”> <br /><br … Read more

Display Letter Head of your college on a web page in Html

July 22, 2021 by Academy

Display Letter Head of your college on a web page. In this practical Using Tags:- <html></html> <head></head> 3.<title></title> <style></style> 5.<img /> 6.<p></p> Code: Input:- <html> <head> <style> body{ background-color:#f2eed0; } #img_d{ float:left; width:190px; height:190px; margin-bottom:90px; } .d_txt{ font-size:90px; margin-bottom:-20px; } </style> </head><body> <img id=”img_d” src=”https://www.davietjal.org/wp-content/uploads/2016/03/final_colored_logo-1.png” /> <p class=”d_txt” >DAVIET </p><p id=”d_txt”> Dayanand Anglo Vedic Institute of Engg. and Technology </p></body></html> Output:- Design index page of a book on web designing

Design index page of a book on web designing

July 22, 2021 by Academy

Design index page of a book on web designing. Input:- <html> <head> <title> INDEX PAGE </title> </head> <body style=”background:white”> <hr style=”background:black;height:10″> <center><img src=”data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAT4AAACfCAMAAABX0UX9AAABpFBMVEX0b3P1gIP////0bnL1gYOx5N97DXcl2ReQoxId1W4JvC6y3xo0hViv/D43+cCUrb2iDAAAAAElFTkSuQmCC””style=”float:middle” width=”200px” high=”150px”></center> <h1> <u ><center style=”font-family:Times New Roman”> INDEX </u></center></h1> <table BORDER=”1″ align=”center”> <tr style=”color:yellow”> <th style=”background:#ff4da6″> S.NO. </th> <th style=”background:#ffc7e3″ Width=”300″> PAGE TITLE </th> <th style=”background:#e000e0″> PAGE NO. </th> </tr> <tr … Read more