Tampilkan postingan dengan label HTML Reference. Tampilkan semua postingan
Tampilkan postingan dengan label HTML Reference. Tampilkan semua postingan

Keyboard Shortcuts

Keyboard Shortcuts


Keyboard Shortcuts For Windows and Mac

Keyboard shortcuts are often used in modern operating systems and computer software programs.
Using keyboard shortcuts could save you a lot of time.

Basic Shortcuts


DescriptionWindowsMac OS
Edit menuAlt + ECtrl + F2 + F
File menuAlt + FCtrl + F2 + E
View menuAlt + VCtrl + F2 + V
Select all textCtrl + ACmd + A
Copy textCtrl + CCmd + C
Find textCtrl + FCmd + F
Find and replace textCtrl + HCmd + F
New DocumentCtrl + NCmd + N
Open a fileCtrl + OCmd + O
Print optionsCtrl + PCmd + P
Save fileCtrl + SCmd + S
Paste textCtrl + VCmd + V
Cut textCtrl + XCmd + X
Redo textCtrl + YShift + Cmd + Z
Undo textCtrl + ZCmd + Z



Text Editing


DescriptionWindowsMac OS
Cursor Movement
Go to the right or to the beginning of next line breakRight ArrowRight Arrow
Go to the left or to the end of previous line breakLeft ArrowLeft Arrow
Go up one rowUp ArrowUp Arrow
Go down one rowDown ArrowDown Arrow
Go to the beginning of the current lineHomeCmd + Left Arrow
Go to the end of the current lineEndCmd + Right Arrow
Go to the beginning of the documentCtrl + HomeCmd + Up Arrow
Go to the end of the documentCtrl + EndCmd + Down Arrow
Move up one framePage UpFn + Up Arrow
Move down one framePage DownFn + Down Arrow
Go to beginning of previous wordCtrl + Left ArrowOption + Left Arrow
Go to beginning of next wordCtrl + Right ArrowOption + Right Arrow
Go to beginning of line breakCtrl + Up ArrowCmd + Left Arrow
Go to end of line breakCtrl + Down ArrowCmd + Right Arrow
   
Text Selection
Select characters to the leftShift + Left ArrowShift + Left Arrow
Select characters to the rightShift + Right ArrowShift + Right Arrow
Select lines upwardsShift + Up ArrowShift + Up Arrow
Select lines downwardsShift + Down ArrowShift + Down Arrow
Select words to the leftShift + Ctrl + LeftShift + Opt + Left
Select words to the rightShift + Ctrl + RightShift + Opt + Right
Select paragraphs to the leftShift + Ctrl + UpShift + Opt + Up
Select paragraphs to the rightShift + Ctrl + DownShift + Opt + Down
Select text between the cursor and the beginning of the current lineShift + HomeCmd + Shift + Left Arrow
Select text between the cursor and the end of the current lineShift + EndCmd + Shift + Right Arrow
Select text between the cursor and the beginning of the documentShift + Ctrl + HomeCmd + Shift + Up Arrow or Cmd + Shift + Fn + Left Arrow
Select text between the cursor and the end of the documentShift + Ctrl + EndCmd + Shift + Down Arrow or Cmd + Shift + Fn + Right Arrow
Select one frame at a time of text above the cursorShift + Page UpShift + Fn + Up Arrow
Select one frame at a time of text below the cursorShift + Page DownShift + Fn + Down Arrow
Select all textCtrl + ACmd + A
Find textCtrl + FCmd + F
   
Text Formatting
Make selected text boldCtrl + BCmd + B
Make selected text italicCtrl + ICmd + I
Underline selected textCtrl + UCmd + U
Make selected text superscriptCtrl + Shift + =Cmd + Shift + =
Make selected text subscriptCtrl + =Cmd + =
   
Text Editing
Delete characters to the leftBackspaceBackspace
Delete characters to the rightDeleteFn + Backspace
Delete words to the rightCtrl + DelCmd + Backspace
Delete words to the leftCtrl + BackspaceCmd + Fn + Backspace
IndentTabTab
OutdentShift + TabShift + Tab
Copy textCtrl + CCmd + C
Find and replace textCtrl + HCmd + F
Paste textCtrl + VCmd + V
Cut textCtrl + XCmd + X
Redo textCtrl + YShift + Cmd + Z
Undo textCtrl + ZCmd + Z



Web Browsers


DescriptionWindowsMac OS
Navigation
Scroll down a frameSpace or Page DownSpace or Fn + Down Arrow
Scroll up a frameShift + Space or Page UpShift + Space or Fn + Up Arrow
Go to bottom of the pageEndCmd + Down Arrow
Go to top of the pageHomeCmd + Up Arrow
Go backAlt + Left Arrow or BackspaceCmd + Left Arrow
Go forwardAlt + Right Arrow or Shift + BackspaceCmd + Right Arrow
Refresh a webpageF5Cmd + R
Refresh a webpage (no cache)Ctrl + F5Cmd + Shift + R
StopEscEsc
Toggle full-screenF11Cmd + Shift + F
Zoom inCtrl + +Cmd + +
Zoom outCtrl + -Cmd + -
Zoom 100% (default)Ctrl + 0Cmd + 0
Open homepageAlt + HomeOption + Home or Option + Fn + Left Arrow
Find textCtrl + FCmd + F
   
Tab / Window Management
Open a new tabCtrl + TCmd + T
Close current tabCtrl + WCmd + W
Close all tabsCtrl + Shift + WCmd + Q
Close all tabs except the current tabCtrl + Alt + F4Cmd + Opt + W
Go to next tabCtrl + TabControl + Tab or Cmd + Shift + Right Arrow
Go to previous tabCtrl + Shift + TabShift + Control + Tab or Cmd + Shift + Left Arrow
Go to a specific tab numberCtrl + 1-8Cmd + 1-8
Go to the last tabCtrl + 9Cmd + 9
Reopen the last closed tabCtrl + Shift + TCmd + Shift + T
Open a new windowCtrl + NCmd + N
Close current windowAlt + F4Cmd + W
Go to next windowAlt + TabCmd + Tab
Go to previous windowAlt + Shift + TabCmd + Shift + Tab
Reopen the last closed windowCtrl + Shift + N 
Open links in a new tab in the backgroundCtrl + ClickCmd + Click
Open links in a new tab in the foregroundCtrl + Shift + ClickCmd + Shift + Click
Print current webpageCtrl + PCmd + P
Save current webpageCtrl + SCmd + S
   
Address Bar
Cycle between toolbar, search bar, and page elementsTabTab
Go to browser's address barCtrl + L or Alt + DCmd + L
Focus and select the browser's search barCtrl + ECmd + E / Cmd + K
Open the address bar location in a new tabAlt + EnterOpt + Enter
Display a list of previously typed addressesF4 
Add "www." to the beginning and ".com" to the end of the text typed in the address bar (e.g., type "w3schools" and press Ctrl + Enter to open "www.w3schools.com")Ctrl + EnterCmd + Enter or Control + Enter
   
Bookmarks
Open the bookmarks menuCtrl + BCmd + B
Add bookmark for current pageCtrl + DCmd + Opt + B or Cmd + Shift + B
Open browsing historyCtrl + HCmd + Shift + H or Cmd + Y
Open download historyCtrl + JCmd + J or Cmd + Shift + J



Screenshots


DescriptionWindowsMac OS
Save screenshot of the whole screen as file Cmd + Shift + 3
Copy screenshot of the whole screen to the clipboardPrtScr (Print Screen) or Ctrl + PrtScrCmd + Ctrl + Shift + 3
Save screenshot of window as file Cmd + Shift + 4, then Space
Copy screenshot of window to the clipboardAlt + PrtScrCmd + Ctrl + Shift + 4, then Space
Copy screenshot of wanted area to the clipboardCmd + Ctrl + Shift + 4
Save screenshot of wanted area as file Cmd + Shift + 4

Note: Due to different keyboard setups, some shortcuts may not be compatible for all users.

HTTP Metodes

HTTP Methods: GET vs. POST

The two most used HTTP methods are: GET and POST.

What is HTTP?

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.
A web browser may be the client, and an application on a computer that hosts a web site may be the server.
Example: A client (browser) submits 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.

Two HTTP Request Methods: GET and POST

Two commonly used methods for a request-response between a client and server are: GET and POST.
  • GET - Requests data from a specified resource
  • POST - Submits data to be processed to a specified resource

The GET Method

Note that query strings (name/value pairs) is sent in the URL of a GET request:
/test/demo_form.asp?name1=value1&name2=value2
Some other notes on GET requests:
  • 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 should be used only to retrieve data

The POST Method

Note that query strings (name/value pairs) is sent in the HTTP message body of a POST request:
POST /test/demo_form.asp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2
Some other notes on POST requests:
  • 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

Compare GET vs. POST

The following table compares the two HTTP methods: GET and POST.
 GETPOST
BACK button/ReloadHarmlessData will be re-submitted (the browser should alert the user that the data are about to be re-submitted)
BookmarkedCan be bookmarkedCannot be bookmarked
CachedCan be cachedNot cached
Encoding typeapplication/x-www-form-urlencodedapplication/x-www-form-urlencoded or multipart/form-data. Use multipart encoding for binary data
HistoryParameters remain in browser historyParameters are not saved in browser history
Restrictions on data lengthYes, when sending data, the GET method adds the data to the URL; and the length of a URL is limited (maximum URL length is 2048 characters)No restrictions
Restrictions on data typeOnly ASCII characters allowedNo restrictions. Binary data is also allowed
SecurityGET is less secure compared to POST because data sent is part of the URL

Never use GET when sending passwords or other sensitive information!
POST is a little safer than GET because the parameters are not stored in browser history or in web server logs
VisibilityData is visible to everyone in the URLData is not displayed in the URL


Other HTTP Request Methods

The following table lists some other HTTP request methods:
MethodDescription
HEADSame as GET but returns only HTTP headers and no document body
PUTUploads a representation of the specified URI
DELETEDeletes the specified resource
OPTIONSReturns the HTTP methods that the server supports
CONNECTConverts the request connection to a transparent TCP/IP tunnel

HTML Messages

HTTP Status Messages

When a browser requests a service from a web server, an error might occur.
This is a list of HTTP status messages that might be returned:

1xx: Information

Message:Description:
100 ContinueThe server has received the request headers, and the client should proceed to send the request body
101 Switching ProtocolsThe requester has asked the server to switch protocols
103 CheckpointUsed in the resumable requests proposal to resume aborted PUT or POST requests

2xx: Successful

Message:Description:
200 OKThe request is OK (this is the standard response for successful HTTP requests)
201 CreatedThe request has been fulfilled, and a new resource is created 
202 AcceptedThe request has been accepted for processing, but the processing has not been completed
203 Non-Authoritative InformationThe request has been successfully processed, but is returning information that may be from another source
204 No ContentThe request has been successfully processed, but is not returning any content
205 Reset ContentThe request has been successfully processed, but is not returning any content, and requires that the requester reset the document view
206 Partial ContentThe server is delivering only part of the resource due to a range header sent by the client

3xx: Redirection

Message:Description:
300 Multiple ChoicesA link list. The user can select a link and go to that location. Maximum five addresses  
301 Moved PermanentlyThe requested page has moved to a new URL 
302 FoundThe requested page has moved temporarily to a new URL 
303 See OtherThe requested page can be found under a different URL
304 Not ModifiedIndicates the requested page has not been modified since last requested
306 Switch ProxyNo longer used
307 Temporary RedirectThe requested page has moved temporarily to a new URL
308 Resume IncompleteUsed in the resumable requests proposal to resume aborted PUT or POST requests

4xx: Client Error

Message:Description:
400 Bad RequestThe request cannot be fulfilled due to bad syntax
401 UnauthorizedThe request was a legal request, but the server is refusing to respond to it. For use when authentication is possible but has failed or not yet been provided
402 Payment RequiredReserved for future use
403 ForbiddenThe request was a legal request, but the server is refusing to respond to it
404 Not FoundThe requested page could not be found but may be available again in the future
405 Method Not AllowedA request was made of a page using a request method not supported by that page
406 Not AcceptableThe server can only generate a response that is not accepted by the client
407 Proxy Authentication RequiredThe client must first authenticate itself with the proxy
408 Request TimeoutThe server timed out waiting for the request
409 ConflictThe request could not be completed because of a conflict in the request
410 GoneThe requested page is no longer available
411 Length RequiredThe "Content-Length" is not defined. The server will not accept the request without it 
412 Precondition FailedThe precondition given in the request evaluated to false by the server
413 Request Entity Too LargeThe server will not accept the request, because the request entity is too large
414 Request-URI Too LongThe server will not accept the request, because the URL is too long. Occurs when you convert a POST request to a GET request with a long query information 
415 Unsupported Media TypeThe server will not accept the request, because the media type is not supported 
416 Requested Range Not SatisfiableThe client has asked for a portion of the file, but the server cannot supply that portion
417 Expectation FailedThe server cannot meet the requirements of the Expect request-header field

5xx: Server Error

Message:Description:
500 Internal Server ErrorA generic error message, given when no more specific message is suitable
501 Not ImplementedThe server either does not recognize the request method, or it lacks the ability to fulfill the request
502 Bad GatewayThe server was acting as a gateway or proxy and received an invalid response from the upstream server
503 Service UnavailableThe server is currently unavailable (overloaded or down)
504 Gateway TimeoutThe server was acting as a gateway or proxy and did not receive a timely response from the upstream server
505 HTTP Version Not SupportedThe server does not support the HTTP protocol version used in the request
511 Network Authentication RequiredThe client needs to authenticate to gain network access