Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

HTML, CSS, and JavaScript Lab Book: A Comprehensive Guide to Web Development Fundamentals, Summaries of Web Programming and Technologies

This lab book provides a comprehensive introduction to fundamental web development concepts, covering html, css, and javascript. It includes practical examples and exercises to help learners understand the basics of web page structure, styling, and interactivity. The book covers topics such as formatting tags, web page layout, inline and external css, css selectors, and basic javascript programming concepts.

Typology: Summaries

2022/2023

Uploaded on 02/26/2025

suraj-lama-1
suraj-lama-1 🇮🇳

1 document

1 / 22

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Tribhuvan University
Faculty of Education
Lab Report of Web Technology
A Web Technology PRACTICAL REPORT
Submitted to
Department of Information Communication Technology
Janamaitri Multiple Campus
In partial fulfillment of the requirements for the Bachelors in Information
Communication Technology
Submitted by
Suraj Tamang
Roll No:- 79263012
pg. 1
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16

Partial preview of the text

Download HTML, CSS, and JavaScript Lab Book: A Comprehensive Guide to Web Development Fundamentals and more Summaries Web Programming and Technologies in PDF only on Docsity!

Tribhuvan University

Faculty of Education

Lab Report of Web Technology

A Web Technology PRACTICAL REPORT

Submitted to

Department of Information Communication Technology

Janamaitri Multiple Campus

In partial fulfillment of the requirements for the Bachelors in Information

Communication Technology

Submitted by Suraj Tamang Roll No:- 79263012

Self Declaration

I am Suraj Tamang candidate of BICTE Third Semester, hereby declare that the contents included on this Practical

Lab Book is entirely done by myself as a part of study, None of the portion on the Lab Book is duplicated or copied

from any other source.

I am liable and obliged to all the corrections and suggestions given by the faculty members, Internal Examiner as

well as External Examiner during the evaluation.

Name: Suraj Tamang

TU Registration No: 9-2-263-53-

Level: Bachelor Semester: Third

Internal Examiner External Examiner Name: ………………………………………… Date: …………………………………………… Sign………………………………………… ….. Name: …………………………………………Date: …………………………………………… Sign………………………………………… …..

1. 1.HTML LAB BOOK

1.1 Use of paragraph, line break and horizontal line.

Use of paragraph, line break and horizontal line

HTML Tags



Welcome to my website this is a lab one

Output:

1.2 Formatting tags.

Use of formating Tags


Use of Formating Tags

This Show the text bold This Show the text Italic This show the text in the underline.

Hydrogen gas is prepered in the lab by combining Zinc and hydrogen

Zn + H 2 SO 4=ZnSo 4 + H 2

(a+b) 3 = a 2 + 2ab +b 2

1.3. Effect of front tags

Effect of front tags

Web page

A Web page a page that contain info on any topic or subject. A web page is also known as HTML document

Output

1.4. Marquee Tool

Marquee Tool

Welcome to Janamaitri Multiple Campus OUTPUT

Unorder list and Order list

Unorder list

  • Football
  • Cricket
  • Basketball

Order list

  1. Football
  2. Cricket
  3. Basketball
**OUTPUT:**

1.7 Form

Contact Form







Male
Female
Other








****

2.CSS LAB BOOK

2.1 Inline CSS

Inline CSS Example

This is a heading

This is a paragraph using inline css style

2.2: Internal CSS Example Internal CSS Example

This is a heading

This is a paragraph styled with internal CSS.

**OUTPUT:**

2.3. External CSS:

External CSS Example

This is a heading

This is a paragraph styled with external CSS.

Csslab33.css h1 { color: rgb(232, 161, 8); text-align: center; } p { font-family: Arial, sans-serif; font-size: 16px; text-align: center; color: rgb(234, 4, 4); } **OUTPUT**

2.4 CSS Selector

CSS Selectors Example

JMC College

Welcome to Janamaitri

**OUTPUT:**

2.6 Layout with Display

Layout with Display
Header
Main Content
Footer

3.Java Script Lab Book

3.1:- Write a HTML document that display the message

"Hello World" using JavaScript.

**OUTPUT:** Embedding JavaScript

2:- Write a JavaScript code that declares two variables, one to

store a string value and another to store a numeric value and

display them.

**OUTPUT** Var

3.2:- Write a JavaScript program to create an object that

represents an employee with properties name and salary

**OUTPUT:**

3.4:- Create an HTML page with a button that displays an

alert box with the message "Namaste Nepal" when clicked

using javascript

Document

Welcome to Javascript

**OUTPUT** ]> SAMIR WEB 56 **OUTPUT:**

4.2:- Create a program that can parse the provided XML

data to display a mountain name with their respective

countries.

]> Mount COOK Cradle Mountain

4.3:- Write a DTD to validate an XML document containing

question & answer, where each question has a unique ID &

each answer references a question ID.

]> What is the full form of COMPUTER? What do you mean by nothing? what is your name Output:

4.4:- Write a program to parse the following XML file and

print the name and class of each student.