Beruflich Dokumente
Kultur Dokumente
Overview
How things works on Web. Web browser, web server, HTML Building Basic HTML
Web Application
A web application is an application that is accessed with a web browser over the Internet or an intranet
10
Protocol
TCP/IP, sounds familiar? These are the agents who takes the burden of delivering. Guess what DHL do? Here well talk about HTTP. What does HTTP do? It takes client request to server It brings server response to client
11
Language
You understands French? Not our language, but french do understands. Browser understand HTML. Why should we bother? What does HTML do? Gives instructions to the browser
12
13
14
15
Web Technologies
HTML XHTML CSS JavaScript
16
HTML
Servers often send the browser a set of instructions written in HTML (HyperText Markup Language) It tells the browser how to present the content to the user It is a language for describing web pages.
17
HTML
HTML is not a programming language, it is a markup language A markup language is a set of markup tags HTML uses markup tags to describe web pages
18
20
21
HTML Tags
HTML markup tags are usually called HTML tags Tags are used to mark the beginning and end of document content They instruct web browsers as to the type of content they contain, so that the browsers will know how to render the documents content
22
HTML Tags
Tags are enclosed within < and > brackets The opening bracket (<) identifies the beginning of the tag It is followed by the tag name Tag names end with a closing bracket (>)
23
Tag Pairs
Most HTML tags work in pairs, including a start and an end tag The first tag in a pair is the start tag , the second tag is the end tag Start and end tags are also called opening tags and closing tags The slash ( / ) indicates an ending tag
24
Tag Pairs
Syntax
<tag> content </tag>
content represents the content that is embedded within the two tags. start tag identifies the beginning of an element end tag identifies where the element ends
25
Single Tags
Elements that do not have an end tag are referred to as single or empty tags Single tags do not contain any contents all single tags are self-closed, which is accomplished by placing a / before the closing > Syntax
<tag />
26
27
28
body
contains all of the documents contents, which when rendered by the web browser is presented as web 29 page content
XHTML
Extensible Hypertext Markup Language is a markup language that is very similar to HTML, except that it is based on XML rather than SGML XML (Extensible Markup Language) represents a more restrictive subset of SGML, resulting in tighter syntax that yields more consistent results when markup is rendered by browsers
30
38
39
XHTML Sample
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml <head> <title> Welcome </title> </head> <body> <h1>Hello World! </h1> </body> </html>
40
XHTML Sample
Document Type Declaration
41
XHTML Sample
Add attributes to <html> element xmlns
attribute specifies which language the <html> element belongs to
<head> <meta name="keywords" content="Games, Jokes, Rid <meta name="description" content="Play free on-line </head>
44
Tell the browser this is the start of HTML <html> Header area contains information about the docume <head> <title>Hello, World</title> Gives the page a title End of the header </head> <body> Start of the body, The bulk of an HTML document is contai <h1>Welcome!</h1> Tells the browser that Welcome is <p> Join us in learning the world of Start of a paragra <em>web pages</em>. Puts emphasis on the word </p> End of a paragraph <h2>Attention</h2> Tells the browser that this part is a su <p> Start of another paragraph Please </p> End of a paragraph </body> End of the body 48 </html>
49
Assignment
Basic HTML Tags HTML Table HTML Form Input Elements
Text fields Password fields Radio Button Checkbox Button Controls Submit Buttons
Selection Elements
50