HTML and CSS: Difference between revisions

Revision as of 17:44, 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, email, 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 -->

required, maxlength, min/max, placeholder, autocomplete, autofocus, form

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 19: / Line 19: @@
 * For organizing: <code>main</code>, <code>header</code>, <code>section</code>, <code>footer</code>, many more
 * 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>
+* Input types: <code>color</code>, <code>date</code>, <code>datetime</code>, <code>email</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.