Web Development Glossary

From Knowledge Kitchen
Jump to: navigation, search


File Transfer

Markup

  • Tag = anything between < and > in HTML code. Most elements have separate opening and a closing tags, e.g. <p> and </p>
  • Nesting = putting something between an opening/closing tag pair, e.g. <p>foo <em>bar</em></p>. Some elements have only an opening tag with a self-contained closing, e.g. <br /> or <img />. Line breaks and spaces don’t matter, but make your code more readable
  • Most important tags: html, head, body, title, h1, h2, h3, p, ol, ul, li, strong, em, table, tr, td, th, a, pre, iframe
  • Form-related tags: form, label, input [type='text', type='radio', type='checkbox', type='submit', type='reset'], textarea, select, option
  • New HTML 5 tags: header, footer, nav, section, article, aside, audio, video, source

URL

Universal Resource Locators:

  • two kinds: absolute and relative
  • absolute URL: contains protocol, domain name, and file path, e.g., http://i6.cims.nyu.edu/students/thomasjefferson/index.html
    • protocol=http
    • domain=i6.cims.nyu.edu
    • file path=/home/thomasjefferson/index.html
  • relative URL: starting from the current working directory, how to navigate to a new location. e.g. students/thomasjefferson/index.html
    • protocol = whatever protocol is already in use
    • domain = whatever domain is already in use
    • file path = home/thomasjefferson/index.html is an example of a relative path indicating how to get to the destination file from the current working directory

Server folder structure

Image compression formats

  • GIF – good for cartoon imagery and imagery with lots of solid color. All major web browsers support animated GIFs. Originally created by CompuServe.
  • JPG – good for photorealistic and digital camera photos.
  • PNG – intended as a more modern, free replacement for GIF. Contemporary web browsers don’t yet implement animated images using PNGs.

Read more about compressed files.



What links here