Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
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
1 / 22
This page cannot be seen from the preview
Don't miss anything!
Tribhuvan University
Submitted by Suraj Tamang Roll No:- 79263012
Internal Examiner External Examiner Name: ………………………………………… Date: …………………………………………… Sign………………………………………… ….. Name: …………………………………………Date: …………………………………………… Sign………………………………………… …..
1. 1.HTML LAB BOOK
Use of paragraph, line break and horizontal line
HTML Tags
Welcome to my website this is a lab one
Output:
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
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
Marquee Tool
Welcome to Janamaitri Multiple Campus
OUTPUT
Unorder list and Order list
Unorder list
Football Cricket Basketball Order list
Football Cricket Basketball
OUTPUT:
Contact Form
Name:
Email:
Enter password
Gender:
Male
Female
Other
Address: State:
Zip:
Country:
Message:
2.CSS LAB BOOK
Inline CSS Example
This is a heading
This is a paragraph using inline css style
Internal CSS Example
This is a heading
This is a paragraph styled with internal CSS.
OUTPUT:
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
CSS Selectors Example
Web Layout
JMC College
Home Contact Address About Me Contact Blog
Welcome to Janamaitri
OUTPUT:
Layout with Display
Header Navigation Main Content Sidebar Footer
3.Java Script Lab Book
OUTPUT:
Embedding JavaScript
OUTPUT Var
document.write("
"); // add a line break document.write(x);
OUTPUT:
Document
Welcome to Javascript
OUTPUT
]>
SAMIR WEB 56
OUTPUT:
]>
Mount COOK
Cradle Mountain
]>
What is the full form of COMPUTER? What do you mean by nothing? what is your name
Output:
