User Tools

Site Tools


eg-146:lecture13

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
eg-146:lecture13 [2012/03/08 23:22] – [Naming elements] eechriseg-146:lecture13 [2012/03/08 23:38] – [Basic HTML Structure] eechris
Line 21: Line 21:
   * [[#naming_elements|Naming Elements with class, id and title attributes]]   * [[#naming_elements|Naming Elements with class, id and title attributes]]
   * [[#Commenting your code]]   * [[#Commenting your code]]
 +
 +===== Session Example =====
 +
 +This is the example that we will use throughout this session: [[/eg-146/basic-html/gaudi.html]]
  
 ===== The document template ===== ===== The document template =====
Line 297: Line 301:
   * Use class for elements that have a common purpose that you want to be able to style all in one go.   * Use class for elements that have a common purpose that you want to be able to style all in one go.
 </note> </note>
 +===== Adding the Title Element to Your Code =====
 +
 +<code html>
 +<element ... title="A sentence or two describing the element's content. Usually shown in a tooltip">
 + ...
 +</element>
 +</code> 
 +[[http://www.bruceontheloose.com/htmlcss/examples/chapter-03/adding-title-attribute.html|Example]]
 +
 ===== Commenting your code ===== ===== Commenting your code =====
 +
 +<code html>
 +<!-- anything between these symbols is ignored by the browser -->
 +</code>
 +[[http://www.bruceontheloose.com/htmlcss/examples/chapter-03/adding-comments.html|Example]]
eg-146/lecture13.txt · Last modified: 2012/03/12 09:18 by eechris