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; }