Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
12 views

01 - HTML Intro

The document explains the Internet as a global network connecting computers and the World Wide Web (WWW) as a system for accessing information via the Internet using HTML formatted documents. It details the roles of web servers and browsers in processing requests and responses, and provides an overview of HTML, its structure, tags, attributes, and formatting. Additionally, it covers the use of headings, paragraphs, line breaks, and comments in HTML coding.

Uploaded by

abdullahrashid359
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
12 views

01 - HTML Intro

The document explains the Internet as a global network connecting computers and the World Wide Web (WWW) as a system for accessing information via the Internet using HTML formatted documents. It details the roles of web servers and browsers in processing requests and responses, and provides an overview of HTML, its structure, tags, attributes, and formatting. Additionally, it covers the use of headings, paragraphs, line breaks, and comments in HTML coding.

Uploaded by

abdullahrashid359
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 18

Internet

• The Internet is a massive network of networks, a


networking infrastructure.
• It connects millions of computers together globally.
• Forming a network in which any computer can
communicate with any other computer.
• Information that travels over the Internet through
protocols.
World Wide Web

• A system of internet servers that support specially


formatted documents. The documents are formatted in a
markup language called HTML that supports links to
other documents, as well as graphics, audio, and video
files.
• Web Browser like “Netscape Navigator” and “Microsoft's
Internet Explorer” make it easy to access the World Wide
Web.
Difference

 Internet  WWW
Network of networks, in WWW is a way of
which millions of accessing information
computers are connects over the medium of the
together globally, forming Internet.
a network in which any The Web uses the HTTP
computer can protocol.
communicate with other
computer.
Understanding Web Server
and Web Browser
 It’s important to get
an understanding of
the roles of the Web
server and Web
browser before
starting your Web
development
Understanding Web Server
and Web Browser
 The Web browser initiates a request for a
Web server resource.
 HTTP is used to send the GET request to the

Web server.
 The Web server processes the request.

 The Web server sends a response to the Web

browser. HTTP protocol is used to


send the HTTP response to the Web browser.
 The Web browser processes the response,

displaying the Web page.


Understanding Web Server
and Web Browser
Understanding Web Server
and Web Browser
 The user enters data and performs an action,
such as clicking a Submit button that causes the
data to be sent back to the Web server.
 HTTP is used to POST the data back to the

server.
 The Web server processes the data.

 The Web server sends the response back to the

Web browser.
 The Web browser processes the response,

displaying the Web page.


Markup Language

• A markup language gives extra information about a


piece of text. For example <B> means bold in the HTML
language. <B> is a markup tag.
HTML (Hyper Text Markup Language) 1991

 Hypertext Markup Language, a standardized system for


tagging text files to achieve font, color, graphic, and
hyperlink effects on World Wide Web pages.
What is an HTML File?
 HTML stands for Hyper Text Markup Language
 An HTML file is a text file containing small markup tags
 The markup tags tell the Web browser how to display
the page
 An HTML file must have an htm or html file extension
 An HTML file can be created using a simple text editor
 An HTML tags are case-insensitive

Note: If you want to follow the latest web standards, you


should always use lowercase tags.
Example:
<html>

<head>
<title>Title of page</title>
</head>

<body> This is my first homepage.


<b>This text is bold</b>
</body>

</html>
Example Explanation
 The first tag in your HTML document is <html>. This tag tells
your browser that this is the start of an HTML document. The last
tag in your document is </html>. This tag tells your browser that
this is the end of the HTML document.
 The text between the <head> tag and the </head> tag is header
information. Header information is not displayed in the browser
window.
 The text between the <title> tags is the title of your document.
The title is displayed in your browser's caption.
 The text between the <body> tags is the text that will be
displayed in your browser.
 The text between the <b> and </b> tags will be displayed in a
bold font.
Tags Attributes
Tags can have attributes. Attributes provide additional information to
an HTML element. e.g. <table border="0">
 Attributes always come in name/value pairs like this:
name="value".
 Attributes are always specified in the start tag of an HTML
element.
 Attributes and attribute values are also case-insensitive.
 Attribute values should always be enclosed in quotes. Double
style quotes are the most common, but single style quotes are
also allowed.
 In some rare situations, like when the attribute value itself
contains quotes, it is necessary to use single quotes:
 name='John "ShotGun" Nelson'
Headings
Headings are defined with the <h1> to <h6> tags.
<h1> defines the largest heading. <h6> defines the
smallest heading.
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
HTML automatically adds an extra blank line before and
after a heading.
Paragraphs
Paragraphs are defined with the <p> tag.

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

HTML automatically adds an extra blank line before and


after a paragraph.
Line Breaks
The <br> tag is used when you want to end a line, but don't
want to start a new paragraph.

<p>I <br> Love <br>Pakistan</p>

Note: The <br> tag is an empty tag. It has no closing tag.


Comments in HTML
The comment tag is used to insert a comment in the HTML
source code. A comment will be ignored by the browser.

<!-- This is a comment -->


HTML Formatting
 <b> Web Engineering</b>
<strong>
Web
Engineering

 <i>
Web Engineering</i>
<em>

Web
Engineering

You might also like