0% found this document useful (0 votes)
15 views35 pages

UNIT 1 HTML

The document introduces HTML, explaining the differences between static and dynamic websites, where static sites have fixed content and dynamic sites pull data from databases. It discusses HTTP as a request-response protocol and outlines the characteristics of GET and POST methods for data requests. Additionally, it touches on HTML elements like the <aside> tag and how to customize ordered lists.

Uploaded by

Atul Dwivedi
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
0% found this document useful (0 votes)
15 views35 pages

UNIT 1 HTML

The document introduces HTML, explaining the differences between static and dynamic websites, where static sites have fixed content and dynamic sites pull data from databases. It discusses HTTP as a request-response protocol and outlines the characteristics of GET and POST methods for data requests. Additionally, it touches on HTML elements like the <aside> tag and how to customize ordered lists.

Uploaded by

Atul Dwivedi
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/ 35

UNIT 1

INTRODUCTION TO HTML
Static vs Dynamic Website
Static website is the basic type of website that is easy to create. You don't need the
knowledge of web programming and database design to create a static website. Its web
pages are coded in HTML. The codes are fixed for each page so the information
contained in the page does not change and it looks like a printed page.
Dynamic website is a collection of dynamic web pages whose content changes dynamically. It
accesses content from a database or Content Management System (CMS). Therefore, when you
alter or update the content of the database, the content of the website is also altered or
updated. Dynamic website uses client-side scripting or server-side scripting, or both to generate
dynamic content.

Client side scripting generates content at the client computer on the basis of user input. The
web browser downloads the web page from the server and processes the code within the page
to render information to the user. In server side scripting, the software runs on the server and
processing is completed in the server then plain pages are sent to the user.
The Hypertext Transfer Protocol (HTTP) is designed to enable
communications between clients and servers.

HTTP works as a request-response protocol between a client and


server.

Example: A client (browser) sends an HTTP request to the server; then


the server returns a response to the client. The response contains
status information about the request and may also contain the
requested content.
Html of a Webpage

Note:- The charset attribute specifies the character encoding for the HTML document.The
HTML5 specification encourages web developers to use the UTF-8 character set, which covers
almost all of the characters and symbols in the world!
CSS OF A WEBPAGE
Favicon image is displayed to the left of the page title in the browser
eg. Company’s logo.

Rel in href tells the relation b/w current page and the linked page.
The GET Method
GET is used to request data from a specified resource.

 GET requests can be cached


 GET requests remain in the browser history
 GET requests can be bookmarked
 GET requests should never be used when dealing with sensitive
data
 GET requests have length restrictions
 GET requests are only used to request data (not modify)

The POST Method


POST is used to send data to a server to create/update a resource.

 POST requests are never cached


 POST requests do not remain in the browser history
 POST requests cannot be bookmarked
 POST requests have no restrictions on data length
The <aside> tag defines some content aside from the content it is
placed in.
To change the default list
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

You might also like