Web Development with HTML and CSS

Shortcuts

Assessment
Activity
Enlightenment
Most of the shortcut keys in Sublime Text will work similarly in many other software packages and operating systems.
True
False
Command C (MAC) or Ctrl C (PC) is the shortcut to:
Cut the selected text
Clear (remove) the selected text
Center the selected text
Copy the selected text
Command X (MAC) or Ctrl X (PC) is the shortcut to:
Cut the selected text
Clear (remove) the selected text
Center the selected text
Copy the selected text
Command V (MAC) or Ctrl V (PC) is the shortcut to:
Print the selected text
Print the document
Paste in text that has been copied or cut onto the clipboard.
Insert a paragraph element into the document.
Command Z (MAC) or Ctrl Z (PC) is the shortcut to:
Zoom out of the document.
Zoom in on the document.
Undo prior action.
Redo an action that has been undone.
Command + (MAC) or Ctrl + (PC) is the shortcut to:
Zoom out of the document.
Zoom in on the document.
Undo prior action.
Redo an action that has been undone.
What is the shortcut to search for occurances of a word or phrase in the current document?
Command S (MAC) or Ctrl S (PC)
Option S
Command F (MAC) or Ctrl F (PC)
Option F
What is the shortcut to save the current document?
Command S (MAC) or Ctrl S (PC)
Option S
Command F (MAC) or Ctrl F (PC)
Option F

This comic strip was generated at http://www.MakeBeliefsComix.com. Used by permission of author and site creator Bill Zimmerman.

Being efficient takes practice.

Use shortcut keys for each of the following tasks in bold below.

  1. Copy the following html code. 

    <!doctype html>
<html>
	<head>
		<title>Lesson Activity</title>
	</head>
	<body>
		<p>
			Lorum Ipsum is giberish text (actually it's Latin) that is commonly used temporarily while designing a website.  After the design is complete, the lorum ipsum text may be replaced with the actual text for the site.
		</p>
		<p>
			There are several websites on the Internet (such as <a href="http://lorem-ipsum.perbang.dk">lorem-ipsum.perbang.dk</a>) that will generate a block of Lorem Ipsum placeholder text.  You can find these by searching the web for "Lorem Ipsum Generator".
		</p>
		<p>
			Other placeholder text generators provide a bit more fun. For instance, <a href="http://www.cupcakeipsum.com/">cupcakeipsum.com</a> might help your clients sweeten up to the site design. If your client happens to love Samuel L. Jackson in Pulp Fiction, you could use <a href="http://slipsum.com/">slipsum.com</a>.
		</p>
		<p>
			To really save you time, Sublime Text offers a code snippet to quickly add in lorem ipsum.  Simply type in "lorem" and then press tab.
		</p>
	</body>
</html>

  2. Open a new file in an HTML editor and paste in the code.
  3. Save the file as an html file and view the page in a browser.
  4. Read the paragraphs on the page. Yes, it's a lesson within a lesson!
  5. Switch the 2nd and 3rd paragraphs by moving a highlighted section.
  6. Find the word "instance" and replace it with the word "example".
  7. Add a new paragraph and use the lorem code snippet to quickly add in some lorem ipsum text.
  8. Save the file and Reload the page in the browser to view the changes.
nothing extra for this lesson :(