HTML and CSS
How to make a link open up in a new browser window/tab:
<a href="www.google.com" target="_blank">Click here!</a>
HTML5
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>My Page</title> </head> <body>Hello World!</body> </html>
New tags
- For organizing:
main
,header
,section
,footer
, many more - Navigation:
nav
- Input types:
color
,date
,datetime
,email
,month
,range
,search
,time
,week
May need Modernizr (http://modernizr.com) to make some of these work.
Boolean attributes
Old style:
<input type="option" checked="checked"/>
new style:
<input type="option" checked /> <!-- presence indicates true -->
Attributes on input types
required
, maxlength
, min/max
, placeholder
, autocomplete
, autofocus
, form
CSS
How to include an external CSS stylesheet:
<link href="site.css" rel="stylesheet" type="text/css" />
How to build a menu from css:
http://www.ssi-developer.net/css/menu-rollover-effect_table.shtml
CSS reference
http://www.w3schools.com/css/css_reference.asp
CSS3
Apply style to every other row of a table:
tr:nth-child(even){
background-color: #f8f8f8;
}
Fit text into one line of a row:
td { max-width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }