HTML and CSS: Difference between revisions

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

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 31: / Line 31: @@
 <input type="option" checked />  <!-- presence indicates true -->
 </pre>
+=== Attributes on input types ===
+<code>required</code>, <code>maxlength</code>, <code>min/max</code>, <code>placeholder</code>, <code>autocomplete</code>, <code>autofocus</code>, <code>form</code>
 == CSS ==