Skip to main content

Home/ Groups/ Learning Library
Sunny Jackson

Introduction to HTML - 0 views

  • <!DOCTYPE html> <html> <body>
  • <tagname>content</tagname>
  • <h1>This a heading</h1>
    • Sunny Jackson
       
      The end tag is written like the start tag, with a forward slash before the tag name
    • Sunny Jackson
       
      an HTML element is everything between the start tag and the end tag, including the tags
  • ...7 more annotations...
  • <body>
  • <html>
  • <p>This is a paragraph.</p>
  • <p>This is another paragraph.</p>
  • </body>
  • </html>
  • The <!DOCTYPE> declaration helps the browser to display a web page correctly.
Sunny Jackson

HTML Images - 0 views

  • The <img> tag is empty, which means that it contains attributes only, and has no closing tag.
  • To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display.
  • <img src="url" alt="some_text">
    • Sunny Jackson
       
      The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.
    • Sunny Jackson
       
      The URL points to the location where the image is stored.
  • ...10 more annotations...
  • The browser displays the image where the <img> tag occurs in the document. If you put an image tag between two paragraphs, the browser shows the first paragraph, then the image, and then the second paragraph.
  • The height and width attributes are used to specify the height and width of an image.
  • The attribute values are specified in pixels
  • alt="
  • height="
  • <img src="
  • width="
  • It is a good practice to specify both the height and width attributes for an image. If these attributes are set, the space required for the image is reserved when the page is loaded.
  • without these attributes, the browser does not know the size of the image. The effect will be that the page layout will change during loading
  • Loading images takes time
Sunny Jackson

HTML Styles - 0 views

  • margin-left:
  • color:
  • <!DOCTYPE html> <html>
  • ...16 more annotations...
  • <body style=
  • <p style=
  • background-color:
  • </body> </html>
  • font-family:
  • <h1 style=
  • font-size:
  • text-align:
  • Internal styles are defined in the <head> section of an HTML page, by using the <style> tag
  • <head> <style type="text/css">
  • body {
  • ;} </style> </head>
  • With an external style sheet, you can change the look of an entire Web site by changing one file
  • An external style sheet is ideal when the style is applied to many pages
  • Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the <head> section
  • <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Sunny Jackson

CSS Tutorial - 0 views

Sunny Jackson

HTTP Methods GET vs POST - 0 views

  • HTTP works as a request-response protocol between a client and server
  • A client (browser) submits an HTTP request to the server; then the server returns a response to the client.
  • HTTP Request Method
  • ...15 more annotations...
  • GET - Requests data from a specified resource
  • ?name1=value1
  • sent in the URL of a GET request
  • query strings (name/value pairs)
  • POST - Submits data to be processed to a specified resource
  • GET requests remain in the browser history
  • GET requests can be cached
  • 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
  • POST requests cannot be bookmarked
  • POST requests have no restrictions on data length
  • GET is less secure compared to POST because data sent is part of the URL
  • Data is visible to everyone in the URL
Sunny Jackson

Keyboard Shortcuts - 0 views

  • Edit menu Alt + E
  • File menu Alt + F
  • View menu Alt + V
  • ...27 more annotations...
  • Select all text Ctrl + A
  • Copy text Ctrl + C
  • Find text Ctrl + F
  • Find and replace text Ctrl + H
  • New Document Ctrl + N
  • Refresh a webpage F5
  • Print options Ctrl + P
  • Save file Ctrl + S
  • Paste text Ctrl + V
  • Cut text Ctrl + X
  • Redo text Ctrl + Y
  • Undo text Ctrl + Z
  • Open a file Ctrl + O
  • Refresh a webpage (no cache) Ctrl + F5
  • Stop Esc
  • Zoom 100% (default) Ctrl + 0
  • Open homepage Alt + Home
  • Go to next window Alt + Tab
  • Focus and select the browser's search bar Ctrl + E
  • Open the address bar location in a new tab Alt + Enter
  • Display a list of previously typed addresses F4
  • 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 + Enter
  • Open the bookmarks menu Ctrl + B
  • Add bookmark for current page Ctrl + D
  • Open browsing history Ctrl + H
  • Open download history Ctrl + J
  • Copy screenshot of the whole screen to the clipboard PrtScr (Print Screen) or Ctrl + PrtScr
« First ‹ Previous 561 - 580 Next › Last »
Showing 20 items per page