HTML and CSS: Difference between revisions

Revision as of 17:35, 21 April 2015

How to make a link open up in a new browser window/tab:

<a href="www.google.com" target="_blank">Click here!</a>

<!DOCTYPE html>
<html lang="en">
    <head>
    	<meta charset="utf-8">
    	<title>My Page</title>
    </head>
    <body>Hello World!</body>
</html>

For organizing: main, header, section, footer, many more
Navigation: nav
Input types: color, date, datetime, datetime-local, month, range, search, time, week

May need Modernizr (http://modernizr.com) to make some of these work.

Old style:

<input type="option" checked="checked"/>

new style:

<input type="option" checked />  <!-- presence indicates true -->

How to include an external CSS stylesheet:

<link href="site.css" rel="stylesheet" type="text/css" />

How to build a menu from css:

CSS reference

@@ Line 20: / Line 20: @@
 * Navigation: <code>nav</code>
 * Input types: <code>color</code>, <code>date</code>, <code>datetime</code>, <code>datetime-local</code>, <code>month</code>, <code>range</code>, <code>search</code>, <code>time</code>, <code>week</code>
+May need Modernizr ([http://modernizr.com http://modernizr.com]) to make some of these work.
 === Boolean attributes ===