Web Development with HTML and CSS

Sublime Text

Assessment
Activity
Enlightenment
What must be done to enable syntax highlighting and other HTML editing features in Sublime Text?
Nothing, these feature will automatically work when Sublime Text is opened.
File must be saved with any extension.
File must be saved with an "html" extension.
The "Process as HTML" setting must be activated.
When working on an HTML document in Sublime, what happens when you type in "HTML" and press tab?
The entire basic structure of the website is inserted into the document.
The <html> and </html> tags are inserted into the document.
The file is converted into an HTML document.
The <!doctype> is set to html and inserted into the document.
To remove indentation from a selected block of code, press
tab
command tab (MAC) or ctrl tab (PC)
alt tab
shift tab
Benefits of syntax highlighting include:
code readability
detecting syntax errors
code readability and detecting syntax errors
There is no benefit. Syntax highlighting is only for visual appeal.

Bringing Back the Selfie

For this activity, create a new webpage while practicing all the keyboard shortcuts described in the video. Include the following:
  1. A selfie style picture of yourself
  2. Your name above the picture
  3. Points of interest about the selfie below the picture (e.g. where it was taken, others in the photo, etc.)


Super fast coding!

In Sublime Text, type in the name of any element without tag and press tab.

Examples:

  • Typing p and pressing tab gives you the open and close p tags.
  • Typing a and pressing tab gives you the open and close a tags and the href attribute.
  • Typing img and pressing tab gives you the open and close img tags and the src attribute.