HTML Lab Practical, Papers of Web Programming and Technologies

A detailed overview of various html lab practical exercises, including the creation of a simple user login form, unordered lists with different list types, and the implementation of a dropdown menu and google maps integration. The fundamental html tags and structures, as well as the practical application of these concepts in web development. It serves as a comprehensive guide for students to understand and practice html programming, covering a range of topics from basic html structure to more advanced features like forms and interactive elements. The document can be a valuable resource for university students studying web development, computer science, or related fields, as it offers hands-on experience and reinforces the theoretical knowledge acquired in the classroom.

Typology: Papers

2023/2024

Uploaded on 07/22/2024

dhiraj-parajuli
dhiraj-parajuli 🇳🇵

1 document

1 / 16

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
List of Lab Practical
Question of Lab Practical
1. Write an HTML Code with Output:
• Display HTML: Basic Structure
• Display HTML: Bold/Italic/Underline
• Display HTML: Image Input
• Display HTML: Link Page
• Display HTML: Contact Us Page
• Display HTML: Table
• Display HTML: Upload File
• Display a simple form for user login with login button.
2. Write an HTML Code with Output:
• To display an Unordered List: With Default List Type,
With Square List Type, With Circle List Type and with
none List Type
3. Write a Program:
• To develop drop down menu.
• To add Google Map.
• To upload a file.
4. Write a definition of Cascading Style Sheet and types of CSS.
Also write a program in HTML and CSS to create a web page.
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff

Partial preview of the text

Download HTML Lab Practical and more Papers Web Programming and Technologies in PDF only on Docsity!

List of Lab Practical Question of Lab Practical

  1. Write an HTML Code with Output:
  • Display HTML: Basic Structure
  • Display HTML: Bold/Italic/Underline
  • Display HTML: Image Input
  • Display HTML: Link Page
  • Display HTML: Contact Us Page
  • Display HTML: Table
  • Display HTML: Upload File
  • Display a simple form for user login with login button.
  1. Write an HTML Code with Output:
  • To display an Unordered List: With Default List Type, With Square List Type, With Circle List Type and with none List Type
  1. Write a Program:
  • To develop drop down menu.
  • To add Google Map.
  • To upload a file.
  1. Write a definition of Cascading Style Sheet and types of CSS. Also write a program in HTML and CSS to create a web page.

LAB PRACTICAL - 1

Objective:

Write an HTML Code to display a simple form for user login with login button.

Brief Description:

HTML is the standard markup language for creating Web pages.

  • HTML stands for Hyper Text Markup Language.
  • HTML describes the structure of Web pages using markup.
  • HTML elements are the building blocks of HTML pages.
  • HTML elements are represented by tags.
  • HTML tags label pieces of content such as "heading", "paragraph", "table", and so on.
  • Browsers do not display the HTML tags, but use them to render the content of the page. Basic HTML Tags
  • The element specifies a title for the document
  • The element contains the visible page content
  • The element defines a large heading
  • The

    element defines a paragraph

1. HTML: Structure

Code:

**Code:**

font style

Web Technology Web Technology Web Technology

Output

3. HTML: Image Input

Code:

<

HTML image

Output

5. HTML: contact us form

Text Input

First name:


Last name:


Radio Button

male

female

otherCheckbox

Maths

Physics

Computer


Note that the form itself is not visible.

Also not the default width of text input field is 20 character.

Output

Vishwa Adarsha College Running

Output

7. HTML: upload file

CODE

upload file

image

Output

LAB PRACTICAL – 2

To display a Unordered List: With Default List Type, With

Square List Type, With Circle List Type and with none List Type

Unorder list

Unordered list with default list type

System Analysis and Design Data Structure and Design Web Technology OOP in java Probability & Stastics

with square list type

System Analysis and Design Data Structure and Design Web Technology OOP in Java Probability & Stastics

with circle list type

System Analysis and Design Data Structure and Design web Technology OOP in Java Probability & Stastics

with any list type

System Analysis and Design Data Structure and Design Web Technology OOP in Java Probability & Stastics

Output

2. Write a program to add Google Map.

Code:

map


Output

Table of contents