Scribd
Upload
16 views2 pages

WT Unit 1 IMP Bat Notes

The document discusses HTML, including HTML headings, HTTP requests and responses, web clients and servers, and the differences between HTML and HTML5. It also covers CSS and provides HTML code for a sample registration form.

Uploaded by

ELECTRO CLASHING
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
16 views2 pages

WT Unit 1 IMP Bat Notes

The document discusses HTML, including HTML headings, HTTP requests and responses, web clients and servers, and the differences between HTML and HTML5. It also covers CSS and provides HTML code for a sample registration form.

Uploaded by

ELECTRO CLASHING
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/ 2

Web Technology <h3>This is a Heading 3</h3> 5]Write HTML code for GATE Examination registration page.

<h4>This is a Heading 4</h4> Web page


Unit I IMP : Web Essentials and Mark-up language- HTML <h5>This is a Heading 5</h5> should have elements such as text box, password field,
<h6>This is a Heading 6</h6> checkbox, radio
button, select box, submit and reset button etc.
1] Explain following:
code :
i) WWW Vs Internet ii) HTML heading tags with syntax 2] Explain the HTTP request and HTTP response model in brief
HTTP (Hypertext Transfer Protocol) is use for any data exchange on the Web. <!DOCTYPE html>
i) WWW vs. Internet:
It is a protocol used for transmitting hypertext via the internet. <html lang="en">
Internet:

The Internet is a global network of interconnected computer networks.


HTTP Request / Response <head>

It is the infrastructure that allows data to be exchanged globally through Communication between clients and servers is done by requests and responses: <title>Simple Form</title>
standardized protocols.
1. A client (a browser) sends an HTTP request to the web </head>
It includes various services, such as email, file transfer (FTP), and the World 2. A web server receives the request
Wide Web (WWW). 3. The server runs an application to process the request <body>
4. The server returns an HTTP response (output) to the browser
5. The client (the browser) receives the response
World Wide Web (WWW):
<form>
The client (the browser) receives the response
The World Wide Web is a subset of the Internet and is often used with the
term "web." <label for="username">Username:</label>
3]Web Clients and Servers:
It is a system of interlinked hypertext documents accessed via the Internet.
Web Clients: Software applications or devices that access web content.
<input type="text" id="username" name="username"
The WWW is a way of presenting and accessing information through web required><br>
Examples include web browsers.
pages using technologies like HTTP and HTML.
Web Servers: Software that serves requested web pages to clients.
<label for="password">Password:</label>
ii) HTML Heading Tags:
They respond to HTTP requests. <input type="password" id="password" name="password"
In HTML, heading tags are used to define headings or titles within a document. required><br>
Headings are important for structuring content hierarchically. HTML provides six 4]HTML (HyperText Markup Language):
levels of headings, from `<h1>` to `<h6>`, where `<h1>` is the highest level (most <label><input type="checkbox" id="rememberMe"
important) and `<h6>` is the lowest level. HTML is the standard markup language for creating web pages.
name="rememberMe"> Remember me</label><br>
Here is the syntax for HTML heading tags: It defines the structure and layout of a web document.
<label>Gender:
<h1>to <h6> HTML Elements: Building blocks of HTML documents, such as headings, paragraphs, line
breaks, links, images, tables, forms, etc. <input type="radio" id="male" name="gender" value="male"
html
HTML Versions: HTML has evolved, with HTML5 being the latest version. required> Male
<h1>This is a Heading 1</h1>
It introduces new elements and attributes for enhanced web development <input type="radio" id="female" name="gender"
<h2>This is a Heading 2</h2>
value="female" required> Female

1 2 3

</label><br> 6] Differentiate HTML Vs HTML5 7] what is CSS (Cascading Style Sheets):


<label for="country">Country:
<select id="country" name="country" required> Cascading Style Sheets (CSS) is used to format the layout of a webpage.
HTML HTML5
<option value="usa">USA</option> With CSS, you can control the color, font, the size of text, the spacing between elements,
It didn’t support audio and video It supports audio and video controls how elements are positioned and laid out, what background images or background colors
<option value="canada">Canada</option> without the use of flash player with the use of <audio> and <video> are to be used, different displays for different devices and screen sizes, and much more
<option value="uk">UK</option> support. tags.
CSS can be added to HTML documents in 3 ways:
</select> It uses SQL databases and
It uses cookies to store temporary  Inline - by using the style attribute inside HTML elements
</label><br> application cache to store offline
data.
data. Example :
<input type="submit" value="Submit">
<!DOCTYPE html>
<input type="reset" value="Reset"> Allows JavaScript to run in the
Does not allow JavaScript to run in
background. This is possible due to <html>
the browser.
</form> JS Web worker API in HTML5.
<body>
</body>
It does not allow drag and drop
It allows drag and drop effects. <h1 style="color:blue;text-align:center;">This is a heading</h1>
</html> effects.
<p style="color:red;">I AM BATMAN.</p>
It supported by all new browser like
Output : It works with all old browsers. </body>
Firefox, Mozilla, Chrome, Safari, etc.
</html>
It is capable of handling inaccurate
It can not handle inaccurate syntax. Output:
syntax.

it is not fast , flexible , and efficient as It is efficient, flexible and more fast in
compared to HTML5. comparison to HTML.

4 5 6

 Internal - An internal CSS is used to define a style for a single HTML page. External – An external style sheet is used to define the style for many HTML pages. 8] what is Css Inheritance
<style> element in used in the <head> section for implementing internal css. <link> element is used to link to an external CSS file Inheritance in CSS refers to the process by which certain properties of a parent element
are passed down to its child elements
Example : Example :
Example :
<!DOCTYPE html> <!DOCTYPE html>

<html> <html>
<!DOCTYPE html>
<head> <head>
<html>
<link rel="stylesheet" href="mystyle.css"> <link rel="stylesheet" href="mystyle.css">
<head>
</head> </head>
<style>
<body> <body>
h1 {
<h1>This is a heading</h1> <h1>This is a heading</h1>
color: blue;
<p>This is a paragraph.</p> <p>This is a paragraph.</p>
font-family: verdana;
</body> </body>
font-size: 300%;
</html> </html>
}
External CCS File : "mystyle.css"
p{
body {
background-color: lightblue; color: red;
Output : }
font-family: courier;
h1 {
color: navy; font-size: 160%;
margin-left: 20px;
} }

Output : </style>

</head>

<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

7 8 9
</body></html> Bootstrap
Output : Bootstrap is the most popular HTML, CSS, and JavaScript framework for
developing responsive, mobile-first websites.
Bootstrap is completely free to download and use
Bootstrap includes a wide range of pre-styled UI components such as
buttons, forms, navigation bars, alert boxes, modals, carousels, and more.
Bootstrap provides a set of styles for typography
Bootstrap comes with a variety of CSS and JavaScript plugins that
enhance the functionality and appearance of elements
Bootstrap is designed to be compatible with various web browsers

Features of CSS

 CSS allows you to select and target HTML elements using selectors. ***

 CSS allows you to set colors for text and backgrounds using various color
models (hex, RGB, HSL). You can also set background images and control
their positioning and repetition.
 CSS provides control over typography, including font size, font family, font
weight, line height, and text alignment.
 A great alternative to Bootstrap.

I AM BATMAN

10 11

You might also like